0

我已经编写了您的基本 jQuery 无限滚动功能。预期行为与无限滚动设计模式一致。

完成 ajax 服务器调用后，我将重新绑定滚动事件。

对于第一个 ajax 调用，一切都按预期工作，但是由于某种原因，滚动事件没有被反弹。添加控制台数据以调试函数显示代码通过 setScrollingAction() 结束执行，但滚动事件没有发生。

我错过了什么？

// Function to make the ajax call, append the results and rebind the scroll event
function loadContent(opts) {
  $(opts.scrollTarget).unbind('scroll');
  $(opts.loaderObject).show();
  $.get($(opts.gridObject).attr('data-link'), function(data) {
    var $data = $(data);
    $(opts.gridObject).append($data.find(opts.appendObject));
    $(opts.loaderObject).hide();
    $(opts.gridObject).attr('data-link', $data.find(opts.gridObject).attr('data-link'));
    setScrollingAction(opts);
  });
};

// Function to set the loading action to the scroll event
function setScrollingAction(opts) {
  $(opts.scrollTarget).bind("scroll", function(event) {
    if (inLoadingRange(opts)) { loadContent(opts); }
  });
};

// Function to determine height from bottom of page
function inLoadingRange(opts) {
  var target = opts.scrollTarget;
  return ($(target).scrollTop()+opts.heightOffset >= $(document).height() - $(target).height());
};

// Fire it up
$(document).ready(function(){
  opts = {
    'scrollTarget': $(window),
    'loaderObject': "#loading",
    'gridObject'  : '#tileGrid',
    'appendObject': '.newItem',
    'heightOffset': 10
  };

  setScrollingAction(opts);
});
4

1 回答 1

1

原来这是与prettyLoader插件的冲突。

如果你浏览一下 prettyLoader.js，你会发现以下函数：


$.prettyLoader.hide = function() {
  $(document).unbind('click', $.prettyLoader.positionLoader);
  $(document).unbind('mousemove', $.prettyLoader.positionLoader);
  $(window).unbind('scroll');
  $('.prettyLoader').fadeOut(settings.animation_speed, function() { $(this).remove(); });
};

所有滚动事件分配都在函数的第三行解除绑定。注释掉这一行解决了这个问题，并且对加载图像没有明显的影响。


$.prettyLoader.hide = function() {
  $(document).unbind('click', $.prettyLoader.positionLoader);
  $(document).unbind('mousemove', $.prettyLoader.positionLoader);
  //$(window).unbind('scroll');
  $('.prettyLoader').fadeOut(settings.animation_speed, function() { $(this).remove(); });
};
于 2012-10-16T16:50:03.290 回答