다른 스크립트에서 즉시로드 된 요소에 사용자 정의 이벤트를 바인드하는 방법은 무엇입니까?

Question

my tumblr에서 작동하는 무한 스크롤 스크립트가 있습니다. 페이지를 아래로 스크롤하면 이미지가로드됩니다. 그러나 갑자기 나타나기보다는 fade in 이미지를 찾고 있습니다.

나는 이런 종류의 일을 수행하는 waypoints이라는 멋진 플러그인을 발견했습니다. 그리고 그것은 작동하지만 처음로드 된 이미지에서만 작동합니다. 그 후 새로로드 된 이미지를 인식하지 못합니다.

"라이브"는 특정 jQuery 기능에서만 작동한다는 것을 알고 있습니다. 그리고 bind은 사용자 정의 기능을 사용할 수 있기 때문에 더 좋을 수도 있습니다. 그러나 그때 나는 여전히 분명히 trigger 스크립트를 가지고 있으며, 이것은 어떻게 해야할지 모릅니다. 이것은 무한한 스크롤을 수행하는 tumblr 스크립트를 해킹해야한다는 것을 의미합니다. and it's scary in there, jQuery보다는 javascript입니다.

어쩌면 당신은 이것을하는 더 좋은 방법을 추천 할 수 있을까요?

는

$ ('theImage.') 바인드 ("웨이 포인트"

$('.theImage').waypoint(function() { 
    $(this).animate({opacity: 1}, 'slow'); 
}); 

난 그냥 이런 식으로 뭔가를 할 수 있으면 좋겠다 :. 여기

는 처음 10 개 이미지에 대한 작동 코드 , function() { $ (this) .animate ({opacity : 1}, 'slow'); });

감사합니다.

추신 : 콘텐츠가 miiiiildly nsfw입니다. 사실 약간의 섹시한 그림이 보일 수도 있기 때문에 실제로 sfw는 볼 수 없으며 맨 아래에 있습니다. 건배.

Answer 1

사용자 정의 이벤트에서는 live이 작동하지 않지만 웨이 포인트는 .waypoint()이 호출 된 요소에서만 이벤트를 발생시킵니다. 새 콘텐츠가로드 된 후에이 호출을해야합니다.

infinitescroll 스크립트를 해킹하는 것이 문제가되지 않으므로 웨이 포인트 대신 jquery.inview 플러그인을 사용해 보시기 바랍니다. 인뷰 방식은 모든 요소에 의해 트리거되는 이벤트를 생성하므로 .live, .delegate을 사용할 수 있습니다.