javascript - jQuery Isotope 项目移除

Question

我有一个带有“便笺”功能的网站。为了根据显示器分辨率对齐站点中的注释，我使用了 Isotope 插件。

 <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 删除正确的元素，然后触发同位素重新布局。例如，

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

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

    return false;

});