jQuery Waypoint未检测到视口

Question

我正在使用jquery航路点添加/删除类。现在，我正在将文档加载到包装div中。代码如下：

$(function () {
         $('.content-section').load('about.html');
     });

但是，当它加载html文档时，所有类都添加到其相应的元素中，即使它们不在视口中也是如此。使其正常工作的唯一方法是，如果我调整屏幕大小并向后调整，那么它将开始正确检测其视口中的元素。

有人知道为什么会这样吗？

编辑：我还应该提到我在不加载外部html文档的情况下测试了我的网站。例如，我将所有来自“ about.html”的元素都放到了主包装div中，该分区当然在另一个html文档中，并且航点也很好地检测到了视口。

Answer 1

您的代码已设置为可以在$(function(){的dom上运行。

如果只希望它在窗口调整大小上运行，则用该事件包装代码，如下所示：

$(function(){

    $( window ).resize(function() {

        $('.content-section').load('about.html');

    });

}）;

您可以在此处了解有关jQuery调整大小事件的更多信息：https://api.jquery.com/resize/