1

「付箋」機能のあるサイトがあります。モニターの解像度に基づいてサイト内のメモを揃えるには、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とのリンクを実行すると、リストアイテム全体が削除される方法がわかりません。$（this）を$（'。note'）で変更しようとしましたが、リンクをクリックするとすべてのメモが削除されます。

4

1 に答える 1

5

ノードの削除を処理するためにアイソトープを使用する必要はありません。jQueryを使用して正しい要素を削除してから、同位体reLayoutをトリガーすることができます。例えば、

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

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

    return false;

});
于 2012-10-27T16:48:33.860 に答える