添加一个计数器到jquery同位素

时间:2013-10-02 10:21:48

标签: javascript jquery jquery-isotope

我在项目中使用isotope jquery plugin,我想在每个项目上显示一个简单的计数器,在重新订购后显示项目本身的位置。

我的意思是首先显示的项目应显示' 1'价值,第三个' 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));
   });

};

但这没有效果。显示值仍是初始值。任何想法都会受到欢迎。非常感谢。

1 个答案:

答案 0 :(得分:0)

David DeSandro在github存储库中回答了问题:https://github.com/desandro/isotope/issues/545#issuecomment-25571902

  

目前,如果您想获取商品的订单,可以通过访问$ filteredAtoms属性来实现。见http://isotope.metafizzy.co/docs/help.html#accessing_the_instance

感谢他。它适用于此。希望它能帮助别人。