javascript - 使用 Ajax 加载的 div 不会触发 Javascript 函数

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#stream 是使用 Ajax 加载的，因此该函数 $('#stream').infinitescroll 不会被触发。

确保.infinitescroll({在文档中加载 div#stream 后调用 ..

$.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..")
    });
  }
});

当动态添加元素时，您需要再次调用这些方法。在 document.ready 中调用它不会有任何帮助，因为当文档准备好#stream时，当调用此方法时 div 可能不会出现在文档中