jQuery 동위 원소 아이템 제거

Question

"스티커 메모"기능이있는 사이트가 있습니다. 나는에 동위 원소 플러그를 사용하고 모니터 해상도에 따라 사이트에서 메모를 정렬하려면

<script type="text/javascript"> 
$(function(){ 

    var $container = $('#sticky-note'); 

    $container.isotope({ 
    itemSelector: '.note', 
    resizesContainer: true 
    }); 

    // remove item if clicked 
    $container.delegate('.uzdaryti', 'click', function(){ 
    $container.isotope('remove', $(this)); 
    }); 

}); 

노트 :.

<li class="melynas note"> 
    <a href="#" class="uzdaryti">X</a> 
    <p>Lorem ipsum dolor sit amet.</p> 
    <div class="data">2012.10.17 13:42</div> 
    </li> 

나는 클래스 링크를 수행하는 방법을 모른다 .uzdaryti는 전체 목록 항목을 제거합니다. $ ('. note')로 $ (this)를 변경하려고 시도했지만 링크를 클릭하면 모든 메모가 삭제됩니다.

Answer 1

노드 삭제를 처리하기 위해 동위 원소를 사용할 필요는 없습니다. jQuery를 사용하여 올바른 요소를 삭제 한 다음 reLayout 동위 원소를 트리거 할 수 있습니다. 예 :

$('.uzdaryti').click(function(){ 

    $(this).parent().remove(); 
    $container.isotope('reLayout'); 

    return false; 

});