Javascript 为什么Flexslider中的一个选择器工作，而第二个选择器不工作；T

我试图在Wootheme的Flexslider中使用wordpress中的两个选择器，因为我需要在不同的页面上使用不同的样式

当我将这一行添加到滑块的代码中时

选择器：“.slides>li，.my_slides>li”

.sldes>li，-工作正常，但是。我的幻灯片-不工作

以下是滑块代码的链接：

以下是我使用.slides和.my_幻灯片的代码：

/* *********** (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>";
        }
    }

/*********（12）显示帖子格式********/
功能swm\U显示\U post\U格式（）{
$format=get_post_format（）；
if（空（$格式））{
$format='standard'；
}
如果（$format=='standard'| |$format=='gallery'| |$format=='image'| |$format=='video'）{
获取模板零件（'includes/'.$format）；
}
}
/**********（13）博客库滑块*******************/
如果（！function_存在（'swm_blog_gallery'））{
功能swm_blog_gallery（$posted，$image_size）{？>
jQuery（文档）.ready（函数（$）{
如果（$.browser.msie）{
如果（$.browser.version=='8.0'）{
$（“#flex-”）.flexslider({
幻灯片放映：错误，
控制导航：是的，
平滑高度：正确，
开始：功能（滑块）{
slider.container.click（函数（事件）{
如果（！slider.animating）slider.flexAnimate（slider.getTarget（'next'））；
});
}
});
}
}
$（“#flex-”）.imagesLoaded（函数（）{
$（“#flex-”）.flexslider({
幻灯片放映：错误，
控制导航：是的，
平滑高度：正确，
开始：功能（滑块）{
slider.container.click（函数（事件）{
如果（！slider.animating）slider.flexAnimate（slider.getTarget（'next'））；
});
}
});
});
});
默认情况下，Flexslider在UL上查找类“slides”。第一个示例就是这种情况，第二个示例是“my_slides”

您可以更改第二个滑块UL上的类，也可以在初始化flexslider时指定选择器，如下所示：

                $("#flex-64").imagesLoaded(function () {
                    $("#flex-64").flexslider({
                        slideshow: true,
                        controlNav: true,
                        smoothHeight: true,
                        selector: '.my_slides > li',
                        start: function (slider) {
                            slider.container.click(function (event) {
                                if (!slider.animating) slider.flexAnimate(slider.getTarget('next'));
                            });
                        }
                    });
                });

编辑：我想我遗漏了你的一个问题。如果我理解正确，你正在尝试为Flexslider提供两个不同的选择器，以便它可能发挥作用？这应该可以，但在你的代码中没有表示出来。我遗漏了什么吗？
谢谢你，Mikeharty！！我想，在初始化时指定选择器是我需要的！！T汉克斯：非常感谢！你对我的问题理解得很好，下拉菜单问题似乎与此选择器无关。这是我试图解决滑块问题时出现的另一个问题：）是的，完全不同）再次感谢你！你真的为我节省了很多时间和精力！！我是Javascript新手，这是我学习的第二天正在努力解决这个问题！：）
<div class="my_post_wrapper">
        <p>
        </p>
        <div class="caty_name">
            <a rel="category" title="View all posts in Crack Repairs" href="http://localhost/inst_new/?cat=8">
                Crack Repairs</a></div>
        <p>
        </p>
        <div class="my_post_title">
            <h3>
                <a title="Permanent Link to Recent Post 3 + Crack Repair" href="http://localhost/inst_new/?p=64"
                    class="service_single_title"></a>
                <div class="caty_title">
                    <a title="Permanent Link to Recent Post 3 + Crack Repair" href="http://localhost/inst_new/?p=64"
                        class="service_single_title">Recent Post 3 + Crack Repair</a></div>
            </h3>
        </div>
        <!-- .post title -->
        <div class="my_post_content featured_post">
            <script type="text/javascript">
                jQuery(document).ready(function ($) {

                    if ($.browser.msie) {
                        if ($.browser.version == '8.0') {
                            $("#flex-64").flexslider({
                                slideshow: true,
                                controlNav: true,
                                smoothHeight: true,
                                start: function (slider) {
                                    slider.container.click(function (event) {
                                        if (!slider.animating) slider.flexAnimate(slider.getTarget('next'));
                                    });
                                }
                            });
                        }
                    }


                    $("#flex-64").imagesLoaded(function () {
                        $("#flex-64").flexslider({
                            slideshow: true,
                            controlNav: true,
                            smoothHeight: true,
                            start: function (slider) {
                                slider.container.click(function (event) {
                                    if (!slider.animating) slider.flexAnimate(slider.getTarget('next'));
                                });
                            }
                        });
                    });
                });
        </script>
            <div class="pf_featured_img pf_l_img">
                <div class="my_swm_slider_box">
                    <div class="flexslider pfi_gallery" id="flex-64">
                        <ul class="my_slides">
                            <li>
                                <img alt="" src="http://localhost/inst_new/wp-content/uploads/2013/08/Untitled-1-0x0_1.jpg"></li><li>
                                    <img alt="" src="http://localhost/inst_new/wp-content/uploads/2013/08/Untitled-71-0x0_1.jpg"></li></ul>
                    </div>
                </div>
            </div>
            <p>
                <a class="white_button" href="http://localhost/inst_new/?p=64">Read more &gt;&gt;</a></p>
        </div>
    </div>

                $("#flex-64").imagesLoaded(function () {
                    $("#flex-64").flexslider({
                        slideshow: true,
                        controlNav: true,
                        smoothHeight: true,
                        selector: '.my_slides > li',
                        start: function (slider) {
                            slider.container.click(function (event) {
                                if (!slider.animating) slider.flexAnimate(slider.getTarget('next'));
                            });
                        }
                    });
                });