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删除正确的元素,然后触发同位素reLayout.例如,

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

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

    return false;

});