스크롤 기능의 jquery load가 올바르게 작동하지 않습니다.

Question

"onRenderComplete"기능을 가진 fieg로 jquery.ias.js를 보내고 있습니다. github link

나는 새 항목을로드하는 중 기사 목록을 꽤 좋아 보인다. 는 그러나 아무도로드 항목에 대한 명시보기

$("p.ex-[ID]").click(function(){ 
     $(".express-[ID] .top").delay(500).load("/[Name4URL]/a-[ID]/ .express"); 
     $(".express-[ID] .bottom-ex .ex-desc").delay(500).load("/[Name4URL]/a-[ID]/ #tab1.tab_content"); 
     $(".express-container-[ID]").fadeIn(500); 

     window.setTimeout(function() { 
      MagicZoomPlus.refresh("Zoomer2"); 
      $(".mz-thumbs a:gt(3)").addClass("nope"); 
      $(".mz-thumbs a:gt(7)").addClass("nope2"); 

      $(".image-container .mz-thumbs a:eq(3)").addClass("no-margin-right no-margin-top"); 
      $(".image-container .mz-thumbs a:eq(7)").addClass("no-margin-right"); 
      $(".image-container .mz-thumbs a:eq(0)").addClass("no-margin-top"); 
      $(".image-container .mz-thumbs a:eq(1)").addClass("no-margin-top"); 
      $(".image-container .mz-thumbs a:eq(2)").addClass("no-margin-top"); 
     }, 1200); 
    }); 



    $(".express-container-[ID] .close").click(function(){ 
     $(".express-[ID] .top").load("/[Name4URL]/a-[ID]/ .clear"); 
     $(".express-[ID] .bottom-ex .ex-desc").load("/[Name4URL]/a-[ID]/ .clear"); 
     $(".express-container-[ID]").fadeOut(500); 
    }); 

를 생성하는 각 항목에 대한 스크립트 부분이,이 잘 작동합니다. 그러나 새로 적재 된 아이템은 발사되지 않습니다. 이는 jquery.ias 부분입니다 : 나는 onRenderComplete 기능에 스크립트 부분을 구현하기 위해 노력했다

$(document).ready(function() { 
jQuery.ias({ 
    container : ".container", 
    item: ".item", 
    pagination: ".articlePages", 
    next: 'a .next', 
    loader: '<img src=/layout/cyt/img/ajax-loader.gif"/>', 
    triggerPageThreshold: 1, 
    history: false, 
    onRenderComplete: function(items) { 


    } 
}); 
}); 

그러나 그것은 작동하지 않고 난 정말 방법을 모른다.

Answer 1

jquery .on() 메서드 http://api.jquery.com/on/을 사용해야한다고 생각합니다. 클릭 방식은 동적으로 삽입 된 DOM 요소에서 작동하지 않습니다. 다음과 같이해야합니다.

$("selector-that-contains-p.ex-[ID]").on("click", "p.ex-[ID]", function() {// do the stuff 
});