Question

我找到了一个我正在尝试改变的jQuery轮播。原始文件位于http://www.w3schools.com/bootstrap/bootstrap_carousel.asp我试图更改启用轮播指示符。原文是

    $(".item0").click(function(){
            $("#myCarousel").carousel(0);
    });
    $(".item2").click(function(){
            $("#myCarousel").carousel(1);
    });
    $(".item3").click(function(){
            $("#myCarousel").carousel(2);
    });

我有比提供的页面更多的图像，我想我可以使用泛型类wgi来抓取它和item6。我的代码：

    $(".wgi").click(function() {
    var d = $(this).attr("class").match(/\d+/);
    var f = ".item" + d;

        alert(d + ", " +f);

    $.fn.moveFn = function(){$("#myCarousel").carousel(d)}
    $(f).moveFn(d);

       alert(d +"b");
    }

警报有效，但我认为我建的功能没有。有什么想法吗？

Answer 1

如果你只是试图将轮播移动到索引N，给定class=itemN。你可以尝试这样的事情。您唯一需要考虑的是0索引，因此请确保您有一个类'.item0'的幻灯片

 $("[class^=item]").click(function() {
    var index = $(this).attr("class").match(/\d+/);
    $("#myCarousel").carousel(index);
 });

使用.click（）+ this来获取轮播幻灯片

1 个答案: