0

以下のコードでは、 MY BUTTONをクリックすると項目番号 3 が表示されます。

$('#myButton').click(function () {
    $('#myCarousel').carousel(3);
});

-

<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
        <div class="active item">0</div>
        <div class="item">1</div>
        <div class="item">2</div>
        <div id="myItem3" class="item">3</div>
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

    <a id="myButton">MY BUTTON</a>
</div>

彼のインデックスではなく、彼のIDでアイテムを表示する方法はありますか?

そのようなもの：

$('#myButton').click(function () {
    $('#myCarousel').carousel($('#myItem3'));
});
4

1 に答える 1

2

あなたは次のようなことができます$("#myItem4").prevAll("div").length + 1

これにより、以前の兄弟がすべて取得され、それらがカウントされ、1 が追加されます...兄弟内の独自のインデックスを取得します

編集:いくつかのドキュメントを見つけたところ、カルーセルには 0 ベースのインデックスがあります。.carousel(4) で 4 番目の項目に移動したと言ったので、1 ベースであると想定していました。0ベースなので外して+ 1…

$('#myButton').click(function () {
    $('#myCarousel').carousel($("#myItem4").prevAll("div").length);
});
于 2013-04-24T01:19:43.347 に答える