是否可以在柔性滑块上再添加一个选择器

Is it possible to add one more selector to flexslider?

本文关键字:添加 选择器 一个 是否      更新时间:2023-09-26

我想知道,是否可以将另一个选择器添加到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匹配的元素。我想插件也会以同样的方式工作。