javascriptで3回特定のコードを実行する必要があります

Question

jqueryでスライディングをアニメーション化する必要があります。しかし、3回だけ。私はこのコードを書いた。しかし、これは3回以上です。修正や別のコードを教えてください。前もって感謝します。

$(document).ready (function() { 
    var i=0; 
    while (i<3) {      
     $('a.nextbtn').click (function() { 
      $('ul.post-cat-sliding').stop().animate({"left": "-=596"},1500); 
     }); 
     i++; 
    } 
}); 

とも私は...前のボタンを持っているので、私は、以前のボタンのスライドをクリックした場合に戻るべき。

Answer 1

現在のコードでは、3つのクリックに限定するのではなく、1つのボタンで3つのクリックイベントを実際に付けています。したがって、現在のコードでは、スライダはワンクリックで3つのスライドを渡すと思います。

はダウン以下のコードを試してみてください。

$(document).ready (function() { 
    var i=0; 
    $('a.nextbtn').click (function() { 
     if(i < 3) { 
     $('ul.post-cat-sliding').stop().animate({"left": "-=596"},1500); 
     i++; 
     } 
    }); 
}); 

Answer 2

私が代わりにforループを使用したい：

$(document).ready(function(){ 
    $('a.nextbtn').click (function(){ 
     for(var i = 0; i<3;i++) 
     { 
      $('ul.post-cat-sliding').stop().animate({"left": "-=596"},1500); 
     } 
    }); 
}); 

編集：私はポストを読んだときだけループでconsernedました。 nextbtnをクリックしたときにアニメーションを3回実行する場合は、上記のコードを使用する必要があります。コードを再利用することができますa.prevbtn

Answer 3

for(var i = 0; i < 3; i++)かもしれないが、少しも冗長と思われます。あなたは `だけ3 times`何を意味するのです

for(i in [1,2,3]){ 
    console.log('three times') 
} 

または

for(i in new Array(3).fill()){ 
    console.log('three times') 
} 

または

for(i in '...'.split('')){ 
    console.log('three times') 
}