Question

我正在使用flexslider，使用带有旋转木马的滑块，如下所示：

http://flexslider.woothemes.com/thumbnail-slider.html

工作正常，但我正在使用像这里的BootStrap标签：

http://getbootstrap.com/javascript/#tabs

现在我有一个问题，因为当我使用多个带轮播的滑块时，不能工作：（

这是我的FlexSlider javascript文件：

＆＃13;

    // The slider being synced must be initialized first
    $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: true,
        slideshow: false,
        itemWidth: 150,
        itemMargin: 5,
        asNavFor: '#slider'

    });


    $('#slider').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: true,
        slideshow: true,
        sync: "#carousel",
        slideshowSpeed: 1500
    });

＆＃13;

我试图把＃＆＃34;＃carousel2＆＃34;和＆＃34;＃slider2＆＃34;到每个新的滑块并将JS添加到我的文件但它不起作用，我也发现＆＃34; #carousel＆＃34;有css样式所以我需要在每个新幻灯片中保存此ID。

=（

Flexslider使用带有轮播的滑块，但在同一页面中有两个，它会失败

0 个答案: