0

jsfiddleを設定しました

http://jsfiddle.net/K8aex/

スライドを移動するには箇条書きが必要です。また、箇条書きのクリックを関連するスライドのインデックスに添付しようとしています。これを行うにはどうすればよいですか。弾丸のインデックスを見つけます同じインデックスを持つimgのインデックスを見つけますか?それを現在のスライドにしますか?

どんな助けでも大歓迎です

   $('.bullets a').click(function(e) {
        e.preventDefault();
        var bulletIndex = (this).index()
        console.log(bulletIndex)
        wrapper.find('li:nth-child(bulletIndex) img').addClass('current');

    });

ありがとう

4

1 に答える 1

2

まず、プロパティを設定してアニメーションを作成するような特定の画像にスライドするように抽象化関数を作成します。

function slideTo(i) {
    ...
}

すでに実装していますが、コード全体にかなり散らばっています。

提供されたクリック ハンドラーにもいくつかのエラーがあります。これはクリーンアップされたバージョンです。

$('.bullets a').click(function(e) {
    e.preventDefault();
    var bulletIndex = $(this).text();
    slideTo(bulletIndex);
});  
于 2012-09-07T13:23:10.963 に答える