Ajax로로드 된 div에 대해 자바 스크립트 기능이 실행되지 않았습니다.

Question

페이지 지정을 위해 Infinite Scroll 플러그인을 사용하고 있습니다. div#stream에 Ajax가로드되어 있으므로이 함수 $('#stream').infinitescroll이 트리거되지 않습니다.

$(function() { 
    $('#stream').infinitescroll({ 
    navSelector  : ".paginate:last", 
    nextSelector : "a.paginate:last", 
    dataType  : 'json', 
    appendCallback : false, 
    path: "someurl" 
    }, function(json, opts){ 
    alert("json Fetched..") 
    }); 
}); 

아무 아이디어 나 어떻게 작동시키는가?

Answer 1

div # 스트림이 Ajax와 함께로드 될 때이 함수 $ ('# stream'). infinitescroll이 트리거되지 않습니다.

$.ajax({ 
... 
success:function(){ 
    //your codes which appends #stream 
    $('#stream').infinitescroll({ 
     navSelector  : ".paginate:last", 
     nextSelector : "a.paginate:last", 
     dataType  : 'json', 
     appendCallback : false, 
     path: "someurl" 
    }, function(json, opts){ 
     alert("json Fetched..") 
    }); 
    } 
}); 

당신은 요소가 동적으로 추가 될 때 다시 메소드를 호출 할 필요가 ... 당신이 사업부의 # 스트림이 문서에로드 된 후 .infinitescroll({를 호출해야합니다. 이 메서드를 호출 할 때 문서가 준비가되면 #stream div가 문서에 없을 수 있기 때문에 document.ready에서 호출하면 도움이되지 않습니다.