2017-07-26 10 views
0

カルーセルのページングドットとしてリストがあります。選択された各アイテムは選択されたクラスを追加し、そのリストアイテムのインデックスを簡単に取得できます。前回選択したリストアイテムのインデックスを取得し、現在のものと比較する

現在選択されているリストアイテムインデックスと前回選択したリストアイテムインデックスのインデックスを比較できるようにする必要があります。そのため、アニメーションを追加する必要があるかどうかを判断できます。

理想的には私は、次の

if(currentIndex > 3 && currentIndex > oldIndex) 
{do stuff} 
+0

あなたが現在のインデックスを取得するにはどうすればよいですか? – PeterMader

+0

var currentIndex = $(this).index(); – user1464853

+0

oldIndexを-1に初期化します。小切手をする。 oldIndexが-1の場合はoldIndex = currentIndex、それ以外の場合はcurrentIndex> oldIndex(oldIndex = currentIndexを設定します)を設定します。 –

答えて

0

が古いインデックスを格納する変数を作成し実行する立場になりたいです。次の項目が選択されたら、その変数の値を使用して必要な処理を行います。終了したら、新しい位置を変数に割り当てます。ユーザーが再び選択すると、それは古い索引になります。

私はあなたのコードを知らないので、私はあなたが理解してほしい:

var oldIndex = -1; // -1 indicates that the user hasn't yet selected any item 
$('.all-the-items').click(function() { 
    var currentIndex = $(this).index(); 
    if (oldIndex === -1) { 
    // the user has selected for the first time 
    } else { 
    // oldIndex holds the old index, currentIndex holds the current index 
    // do stuff with oldIndex and currentIndex 
    if(currentIndex > 3 && currentIndex > oldIndex) { 
     // ... 
    } 
    } 
    oldIndex = currentIndex; // set the old index to the current index 
}); 
関連する問題