アイソトープ追加要素フレックスボックスグリッド

Question

私のプロジェクトではほぼ完了しましたが、1つのことだけが正しく動作していません。私はアイテムを削除するためにアイソトープを使用し、これは完全に動作します。アイテムは削除され、次のアイテムはその場所の中をスライドします。今はグリッドにアイテムを追加したいと思います。アイソトープの機能性を取り除くと、すべて機能しますが、アイソトープと一緒に機能させたいのです（素晴らしい移行などのため）。現在のコードを使用すると、最後の項目を除いて何も起こりません（複製されますが、グリッドに追加されません）。
-
追加ユーザーをクリックして - 何も

ワーキング起こりません：

は、問題を再現するには
- ヘッダーと16にJSファイル（ライン7からの同位体のjsから同位体のjsファイルを削除します）
- 追加のユーザー
をクリックします - ユーザーがグリッドに追加されますうまく

をここに私のJSの抜粋です：

$('.js-add-user').on('click', function(e) { 
    e.preventDefault(); 
    $('.js-grid-item:last').clone().insertAfter($('.js-grid .js-grid-item:last')); 
}); 

私のフィドルを参照してください：

https://jsfiddle.net/r3c05odv/3/

誰も私を助けてくださいことはできますか？

Answer 1

あなたは同位体のappendメソッドを使用することができます：あなたは$('.js-grid-item:last').clone();を使用しているため

$('.js-add-user').on('click', function(e) { 
    e.preventDefault(); 
    var $items = $('.js-grid-item:last').clone(); 
// append items to grid 
$grid.append($items) 
// add and lay out newly appended items 
    .isotope('appended', $items); 
}); 

を唯一の問題は、すべての項目を削除した場合、クローンするための「最後の」がない、です。