2

私は Twitter Bootstrap Carousel を使用しています。.js にはあまり詳しくありませんが、何とか正常に動作しました。

唯一の問題は、次へ/前へのボタンの動作がおかしくなることです。

ここに私の一時サイトがあります: http://tokyo-flaneur.com/dl/donner/contents/menu.html

10枚あるのに次へボタンを押してもNo.10にたどり着けません。3枚目の画像の後、次へボタンをクリックすると、画像はNo.2に戻ります。

また、どの画像を見ても、前へボタンをクリックすると、No.1 に戻ります。

誰かが私を助けたり、正しい方向に向けたりできますか? どんな助けでも大歓迎です。

4

2 に答える 2

3

スライダーの次/前のボタンを独自のハンドラーで処理するため、作成しようとするよりも、最初の 2 番目の要素にスライドしますnext()

交換：

$("#myCarousel a").click(function(e){ 
    var index = $(this).index(); 
    //when hitting NEXT button index always 2, for PREV - 0
    slider.carousel(index); 
    e.preventDefault(); 
});

と

$("#myCarousel .slider-pager a").click(function(e){ 
    var index = $(this).index(); 
    slider.carousel(index); 
    e.preventDefault(); 
});

あなたのオンページスクリプトで

于 2013-01-22T02:52:49.880 に答える