プロジェクトでisotope jquery プラグインを使用しています。再注文後にアイテム自体の位置を示す単純なカウンターを各アイテムに表示したいと思います。
つまり、最初に表示されるアイテムは「1」の値を表示し、3 番目は「3」というように表示されます。
とても簡単そうに見えますが、今はそれができません。
次のコードを使用して、(完了時にトリガーされる) コールバック関数を呼び出そうとします。
$cont.isotope({
sortBy: $(this).attr('data-filter'),
sortAscending: eval($(this).attr('data-sort'))
}, onAnimationFinished );
var onAnimationFinished = function(){
var cnt = 0;
$(".feature").each(function (index) {
cnt++;
console.log("counter : " + parseInt(cnt));
$(this).find('div.counter-container > span.legend').append(' ' + parseInt(cnt));
});
};
しかし、これは効果がありません。表示値は初期値のままです。どんなアイデアでも大歓迎です。どうもありがとう。