Question

我在$(window).scroll中有一些代码可以检查元素是否可见，然后触发另一个函数。

但是，只有第一部分代码才会触发。这两段代码本身都可以工作 - 如果我交换他们的订单，无论哪个都是正确的。

我的代码如下：

$.fn.isOnScreen = function() {
 "use strict";
 var win = $(window), viewport = {
  top: win.scrollTop(),
  left: win.scrollLeft()
 }, bounds = this.offset();
 viewport.right = viewport.left + win.width();
 viewport.bottom = viewport.top + win.height();
 bounds.right = bounds.left + this.outerWidth();
 bounds.bottom = bounds.top + this.outerHeight();
 return !(viewport.right < bounds.left || viewport.left > bounds.right || viewport.bottom < bounds.top || viewport.top > bounds.bottom);
};

$(window).scroll(function() {
 "use strict";

 var load_more_results = $("#ajax-load_more_results").isOnScreen();
 if (load_more_results === true) {LoadMoreResults();}

 var load_more_staff = $("#ajax-load_more_staff").isOnScreen();
 if (load_more_staff === true) {LoadMoreStaff();}
});

我做错了什么？你能从$(window).scroll开一个事件吗？我不认为。

Answer 1

修正了 - 答案非常简单。 JS代码在我的中央js文件中，在每个页面上触发。具有这些ID的DIV仅出现在某些页面上，如果DIV根本不存在，则代码失败。

我通过将这些事件仅移动到包含那些DIV的页面来解决它。感谢@f.niese为JSFiddle让我意识到这一点。

只有$（window）.scroll中最顶层的代码才有效

1 个答案: