Question

我有一个图像轮播的jquery代码，但我有多个轮播ID，我想通过代码运行。 #myCarousel工作得很漂亮，但#historyCarousel根本不起作用。

我是JS的新手，所以我也不确定如果需要如何将其更改为类（除了替换#with之外，我如何编辑代码？）

这是我现在的代码 - 只有#myCarousel正在运作。

jQuery(document).ready(function($) {

    $('#myCarousel,#historyCarousel').carousel({
            interval: 5000
    });

    $('#carousel-text').html($('#slide-content-0').html());

    //Handles the carousel thumbnails
   $('[id^=carousel-selector-]').click( function(){
        var id = this.id.substr(this.id.lastIndexOf("-") + 1);
        var id = parseInt(id);
        $('#myCarousel,#historyCarousel').carousel(id);
    });


    // When the carousel slides, auto update the text
    $('#myCarousel,#historyCarousel').on('slid.bs.carousel', function (e) {
             var id = $('.item.active').data('slide-number');
            $('#carousel-text').html($('#slide-content-'+id).html());
    });

}）;

Answer 1

轮播构造函数（不确定你正在使用的是什么）可能期望一个元素（或带有单个项目的列表）而不是选择列表。在每个循环中尝试这个：

$('#myCarousel,#historyCarousel').each(function(idx, el){
    $(el).carousel({ interval: 5000 });
});

Jquery中的多个ID，用于图像轮播无法正常工作

1 个答案: