동위 원소 : 접두사 항목

Question

콤비네이션 필터가 Isotope 인 것 외에도 일부 링크를 사용하여 동위 원소에 항목을 추가 할 수 있기를 원합니다. 첫 번째 클릭에서 항목을 앞에두고 링크의 두 번째 클릭시 앞에 붙인 항목을 제거합니다. 중간에 jQuery 토글을 호출했지만 세 번째 클릭 (앞에 붙인 항목을 가져와야 함)에 아무 것도 호출되지 않습니다. 내 변수 (mission_item)를 어떻게 호출했는지는 문제라고 생각합니다. 하지만 몇 가지 대안을 시도했지만 아무 소용이 없습니다. 내가 사용하고있는 코드는 다음과 같습니다 또한 내 js_fiddle (http://jsfiddle.net/jessica_b/7uGDX/)에 대한 조치에서 볼 수

var $mission_item = $('<div class="item mission">Mission</div>'); 
$('#mission a').toggle(function() { 
    $container 
     .prepend($mission_item).isotope('reloadItems').isotope({ sortBy: 'original-order'}); 
}, function(){ 
    $container 
     .isotope('remove',$mission_item); 
}); 

. 내가 알아 내려고 애쓰는 또 다른 사항은 필터를 우회하도록 이러한 미리 추가 된 항목을 얻는 방법입니다. 나는 항목의 클래스에 모든 필터 옵션을 추가 할 수 있다고 가정합니다.이 방법을 사용하면 항상 표시되지만 Wordpress에서 작업 중이며 필터는 게시 카테고리에 의해 동적으로 생성됩니다. 좀 더 우아한 해결책이있는 것 같지만 어디서부터 시작해야할지 모르겠습니다. 초보자 인 jQuery에 사과드립니다! 그리고 미리 감사드립니다!

Answer 1

은 아마도없는 유일한 것은 $ mission_item

$container.prepend($mission_item.css({'opacity': 1})).isotope('reloadItems').isotope({ sortBy: 'original-order'});