jquery 동위 원소에 카운터 추가

Question

프로젝트에서 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)); 
    }); 

}; 

을하지만이 효과가 없습니다 :

난 다음 코드 (완료 될 때 트리거) 콜백 함수를 호출하려고합니다. 표시 값은 여전히 ​​초기 값입니다. 어떤 아이디어라도 환영받을 것입니다. 많은 감사합니다.

Answer 1

질문은 GitHub의 저장소에 데이비드 DeSandro 응답했다 : https://github.com/desandro/isotope/issues/545#issuecomment-25571902

현재,이 항목의 순서를 얻으려면, 당신은 $ filteredAtoms의 속성에 액세스하여이를 수행 할 수 있습니다. http://isotope.metafizzy.co/docs/help.html#accessing_the_instance

감사합니다. 그것은 잘 작동합니다. 희망은 다른 사람들을 돕는다.