Isotope는 플렉스 박스 그리드를 추가한다

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/

사람이 좀 도와 주시겠습니까? 복제하는 모든 항목을 삭제하는 경우

$('.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); 
}); 

당신이 $('.js-grid-item:last').clone();을 사용하기 때문에 유일한 문제는,이다가, 더 "마지막"없다 :

Answer 1

당신은 동위 원소의 APPEND 방법을 사용할 수 있습니다.