是否可以在柔性滑块上再添加一个选择器
Is it possible to add one more selector to flexslider?
我想知道,是否可以将另一个选择器添加到Wooteme的flexslider?在不同的页面上,我使用不同的幻灯片样式,这就是为什么我想在$.flexslider.defaults
中添加一些类似的内容:
selector1:".my_slides > li",
到flexslider中的选择器,而不删除默认
selector:".slides > li".
我试着做一些类似的事情
selector:".slides > li", ".my_slides > li",
但它不起作用。
这是我使用.slides和.my_slides的代码(我不知道是否有区别,但我在Wordpress中使用它):
/* *********** (12) Display Post Format ******** */
function swm_display_post_format() {
$format = get_post_format();
if(empty($format)) {
$format = 'standard';
}
if( $format == 'standard' || $format == 'gallery' || $format == 'image' || $format == 'video' ) {
get_template_part( 'includes/' . $format );
}
}
/* ************* (13) Blog Gallery Slider ************* */
if ( !function_exists( 'swm_blog_gallery' ) ) {
function swm_blog_gallery($postid, $image_size) { ?>
<script type="text/javascript">
jQuery(document).ready(function($){
if ( $.browser.msie ){
if($.browser.version == '8.0') {
$("#flex-<?php echo $postid; ?>").flexslider({
slideshow: false,
controlNav: true,
smoothHeight: true,
start: function(slider) {
slider.container.click(function(event) {
if( !slider.animating ) slider.flexAnimate( slider.getTarget('next') );
});
}
});
}
}
$("#flex-<?php echo $postid; ?>").imagesLoaded( function() {
$("#flex-<?php echo $postid; ?>").flexslider({
slideshow: false,
controlNav: true,
smoothHeight: true,
start: function(slider) {
slider.container.click(function(event) {
if( !slider.animating ) slider.flexAnimate( slider.getTarget('next') );
});
}
});
});
});
</script>
<?php
$gal_images = rwmb_meta( 'swm_pf_gallery_photos', 'type=thickbox_image' );
$meta_gallery_img_height = rwmb_meta( 'swm_meta_gallery_img_height');
echo "<div class='pf_featured_img pf_l_img'><div class='swm_slider_box'><div id='flex-$postid' class='flexslider pfi_gallery'>";
if ( $gal_images ) {
echo "<ul class='slides'>";
foreach ( $gal_images as $gal_image ) {
// $swm_gal_image = "{$gal_image['url']}";
$swm_gal_image = swm_resize($gal_image['url'], 635, 425, $meta_gallery_img_height, true,'c',true);
echo "<li><img src='$swm_gal_image' alt='' /></li>";
}
echo '</ul>';
}
echo "</div></div></div>";
}
}
/* **************** (12) Display MY Post Format **************************** */
function swm_display_my_post_format() {
$format = 'gallery1';
get_template_part( 'includes/' . $format );
}
/* ***********************(13) Blog MY Gallery Slider *********************** */
if ( !function_exists( 'swm_my_blog_gallery' ) ) {
function swm_my_blog_gallery($postid, $image_size) { ?>
<script type="text/javascript">
jQuery(document).ready(function($){
if ( $.browser.msie ){
if($.browser.version == '8.0') {
$("#flex-<?php echo $postid; ?>").flexslider({
slideshow: true,
controlNav: true,
smoothHeight: true,
start: function(slider) {
slider.container.click(function(event) {
if( !slider.animating ) slider.flexAnimate( slider.getTarget('next') );
});
}
});
}
}
$("#flex-<?php echo $postid; ?>").imagesLoaded( function() {
$("#flex-<?php echo $postid; ?>").flexslider({
slideshow: true,
controlNav: true,
smoothHeight: true,
start: function(slider) {
slider.container.click(function(event) {
if( !slider.animating ) slider.flexAnimate( slider.getTarget('next') );
});
}
});
});
});
</script>
<?php
$gal_images = rwmb_meta( 'swm_pf_gallery_photos', 'type=thickbox_image' );
$meta_gallery_img_height = rwmb_meta( 'swm_meta_gallery_img_height');
echo "<div class='pf_featured_img pf_l_img'><div class='my_swm_slider_box'><div id='flex-$postid' class='flexslider pfi_gallery'>";
if ( $gal_images ) {
echo "<ul class='my_slides'>";
foreach ( $gal_images as $gal_image ) {
// $swm_gal_image = "{$gal_image['url']}";
$swm_gal_image = swm_resize($gal_image['url'], 510, 410, $meta_gallery_img_height, true,'c',true);
echo "<li><img src='$swm_gal_image' alt='' /></li>";
}
echo '</ul>';
}
echo "</div></div></div>";
}
}
试试这个:
selector: ".slides > li, .my_slides > li"
此语法:
$('selector1', 'selector2')
选择与selector1
匹配的元素但仅选择作为与selector2
匹配的元素的后代的那些元素。
此语法:
$('selector1, selector2')
选择与CCD_ 4匹配的元素和与selector2
匹配的元素。我想插件也会以同样的方式工作。
相关文章:
- 如何通过选择器元素将图像添加到javascript下拉警报消息中
- 动态添加的标记不会'无法正确使用日期选择器
- Jquery添加输入字段和日期选择器
- 使用元素选择器向Object添加函数
- 如何在jQuery日期时间选择器中添加12小时格式
- Javascript:Unicode符号选择器(用于将数学符号添加到文本区域)
- 几个jQuery日期选择器小部件,只向其中一个添加类
- Jquery类选择器无法选择用.append()添加的新类实例
- 添加Jquery验证后,Jquery日期选择器无法工作
- 在广告词脚本中添加活动选择器
- 如何将文件选择器添加到angularjs模板中
- 使用jquery在产品选择器中添加下拉列表检查
- 动态添加数据时按数据属性查询JQuery选择器
- JQuery选择器找不到通过追加添加的对象
- 在HTML5、CSS、JavaScript中添加选项选择器,类似于移动应用程序中的选项设置
- .wrap()在与resize函数一起使用时多次添加选择器
- 将日期选择器动态添加到文本框中
- 如何为表单提交添加选择器,仅当特定按钮类型导致表单提交时
- 常见问题切换添加选择器
- 添加选择器时.load()问题