我正在使用 jquery 航路点来添加/删除类。现在，我正在将文档加载到包装器 div 中。代码是这样的:
$(function () {
$('.content-section').load('about.html');
});
但是，当它加载 html 文档时，所有类都会添加到它们相应的元素中，即使它们不在视口(viewport)中也是如此。让它正常工作的唯一方法是如果我调整屏幕大小并返回，然后它开始正确检测其视口(viewport)上的元素。
有人知道为什么会这样吗？
编辑:我还应该提到我在没有加载外部 html 文档的情况下测试了我的网站。例如，我将“about.html”中的所有元素放入主包装器 div 中，这当然在另一个 html 文档中，并且航点检测到视口(viewport)就好了。
最佳答案
您的代码设置为使用 $(function(){ 准备好在 dom 上运行。
如果您只希望它在窗口调整大小时运行，那么可以像这样用该事件包装您的代码:
$(function(){
$( window ).resize(function() {
$('.content-section').load('about.html');
});
});
您可以在此处阅读有关 jQuery 调整大小事件的更多信息:https://api.jquery.com/resize/
关于Jquery Waypoints 没有检测视口(viewport)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51582608/