일부 jQuery 함수는 한 번만 실행됩니다. 슬라이드 js는 한 번만 호출됩니다.

Question

jquery 함수의 두 번째 부분은 한 번만 실행됩니다. 슬라이드 js 부분 $('#slides').slidesjs()은 첫 번째 클릭에서 한 번 작동하고 두 번째 등에서는 작동하지 않습니다. 경고 부분과 htlm 교체는 괜찮습니다. 도움을 주시면 감사하겠습니다. 첫 번째 클릭에 감사

$(document).ready(function(){ 
    $(".linkA").live("click", function(){ 
     $("#slides").html(""); 
     var jQueryfilterType = (jQuery(this).parent().parent().html()); 
     $("#slides").html(jQueryfilterType); 
     $("#slides a").contents().unwrap(); 
     $("#slides li").contents().unwrap(); 

     alert("test"); 

     $('#slides').slidesjs({ 
     width: 940, 
     height: 528, 
     navigation: { 
      effect: "fade" 
     }, 
     pagination: { 
      effect: "fade" 
     }, 
     effect: { 
      fade: { 
       speed: 400 
      } 
     } 
     }); 
    }); 
}); 

Answer 1

, 당신은 (html("")를 호출하여)을 #slides 요소를 비우는하고 새로운 내용으로 다시 채 웁니다. 그런 다음 slidesjs()으로 전화하십시오. 그래서 이것은 잘 작동합니다. 두 번째 클릭으로 #slides을 다시 비우고 새 콘텐츠를 추가 한 다음 slidejs() 번으로 다시 전화 해보십시오. 그러나 이번에는 slidesjs이 이미 해당 요소를 한 번 초기화 했으므로 내용이 변경 되었더라도 다시는 수행하지 않습니다.

이 문제를 해결하려면 remove#slides 요소를 완전히 원하고 새 (초기화되지 않은) 요소를 다시 추가해야합니다. 이렇게하면 slidesjs()이 새 요소/콘텐츠에서 올바르게 작동합니다.