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;

});

jQuery Isotope项目删除

1 个答案: