2012-10-24 5 views
0

유체 레이아웃에 isotope 플러그인을 사용하고 있습니다. 컨텐츠를 성공적으로 필터링 할 수 있지만 필터가 호출 된 후 나머지 jQuery 호출은 작동하지 않습니다. 나와 함께
곰, 내가 jQuery를 여전히 새로운 해요하지만 여기 내 코드입니다 :
동위 원소 필터가 구현 된 후 jQuery 호출이 작동하지 않습니다.

jQuery(document).ready(function(){ 

jQuery(".pics-hidden").hide(); 


jQuery('.pics').click(function() { 
     jQuery('#div'+jQuery(this).attr('rarget')).addClass('pics').removeClass('pics-hidden').delay(300).fadeIn(100); 
     jQuery('#projectimages').isotope('reloadItems').isotope(); 
     return false; 
     });  

var $container = $('#projectimages'); 

$container.isotope({ 
    itemSelector: '.pics', 
    animationEngine: 'css', 
    masonry: { 
    columnWidth: 4 
    } 
}); 


$('#menu a').click(function(){ 
    var selector = $(this).attr('data-filter'); 
    $container.isotope({ filter: selector }); 
    return false; 
}); 
}); 

('사진') 함수를 클릭 않지만, 필터가 호출 된 이후로 필터가 잘 작동, ('.pics') 클릭 기능이 작동하지 않습니다.
이유가 있습니까? 아니면 그것을 해결하는 방법? 모든 종류의 시도, 아무것도 작동하는 것 같습니다.
모든 의견을 크게 환영합니다!

답변

1

당신이 더 나은 작동합니까

jQuery('#projectimages').on("click", ".pics", function() { 

jQuery('.pics').click(function() {를 교체 할 경우? 이 방법으로 요소에 pics 클래스를 추가하면 클릭 핸들러가 트리거됩니다.

다른 방법으로 문제를 보여주는 피들을 제공 할 수 있습니까?

+0

아니요, 불행히도 효과가 없습니다. 여기에 내 서버에 데모가 업로드되어 있습니다. http://www.nealfletcher.co.uk/testing-testing/testin 왼쪽 상단의 주황색 상자를 클릭하면 해당 div가 성공적으로 표시되지만 '필터 1'뒤에는 해당 div가 표시됩니다. 이 클릭 기능이 더 이상 작동하지 않습니다. – user1374796

+0

표시하려고하는 div를 필터링했습니다. – cjc343

+0

필터가 발생한 후에 해당 div를 보여줄 수있는 방법이 없습니까? – user1374796

관련 문제