2

私のサイトへのアップグレードの一環として、ページの下部に独自の画像スクローラーを作成しています。ユーザーは左矢印をクリックして、画像をすべて左に移動し、右も同じにすることで画像をスクロールします。.eachを使用してアイテムのリストを作成する方法とそうでない方法を理解していますが、.animatejqueryで機能させることはできません。誰かがこれに光を当てることができますか?現時点での私のJavaScript:

$('#rightButton').click(function()
{
    $('.galleryItem').each( function( index ) 
    {
            $(this).animate({left:"+=100px"},500);
    }); 
});

これがそのためのjsFiddleです:http: //jsfiddle.net/vLSD3/

4

1 に答える 1

0

アニメーション化するには、それぞれの内部の要素を使用する必要があります。this間違ったコンテキストです。

$('#rightButton').click(function()
{
 $('.galleryItem').each( function( index, element ) 
 {
    if ($(element).offset().left < 0) 
    {
        $(element).animate({left:"+=100px"},500);
    }
 }); 
});

これがjsfiddleの非常に簡単なデモです:http://jsfiddle.net/2Ruuj/

于 2013-01-02T01:16:58.113 に答える