0

Wootheme のフレックススライダーに別のセレクターを追加することは可能ですか? さまざまなページで、スライドにさまざまなスタイルを使用しています。そのため、次の$.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>";
    }
}
4

1 に答える 1

2

これを試して：

selector: ".slides > li, .my_slides > li"

この構文:

$('selector1', 'selector2')

一致する要素を選択しますselector1が、一致する要素の子孫である要素のみを選択しますselector2。

この構文:

$('selector1, selector2')

selector1一致する要素と一致する要素の両方を選択しますselector2。プラグインも同じように機能すると思います。

于 2013-08-27T18:19:17.263 に答える