자바 스크립트 리스너는 내가 다음과 같습니다 스크롤 사업부에 리스너를 넣어하려고

Question

준비 :

$(document).ready(function() { 
     $scroll = $('.generic-table') 
     $scroll.scroll(function() { 
      // if($(window).scrollTop() + $(window).height() == $(document).height()) { 
       alert("bottom!"); 
      // } 
     }); 
}); 

문제는이 사업부가의 일부가되지 않는 것입니다 원본 템플릿은 템플릿에 추가됩니다. 이후 사용자가 특정 작업을 수행합니다.

Div이 페이지 시작 부분에로드 된 경우 작동합니다.

어떻게 이런 종류의 문제를 극복 할 수 있습니까?

Answer 1

.scroll()에 @ marcelosalloum이 (가) 댓글에서 올바르게 지적한대로 이벤트 위임을 사용할 수 없습니다. 실제로 요소를 만들 때 처리기를 작성해야합니다.

//Create .generic-table here. BEGIN 
Code 
//Create .generic-table here. END 

//Handle event immediately. 
$('.generic-table').scroll(function() { 
    alert("bottom!"); 
});