javascript - 在硬重新加载页面后删除一些 dom 元素

Question

我有这段代码可以删除一些位于 #point 位置下方的 DOM 元素。

有时有效，有时无效。

在重新加载页面后(Ctrl F5)- 它永远不会工作。不会删除元素。

在 F5 之后 - 主要工作。

有什么帮助吗？

$(document).ready(function(){
    var aoff = $('#point').position();
    var apoint = aoff.top;
    $('.bpart').each(function(){
        let boff = $(this).position();
        let bpoint = boff.top + $(this).height();
        if(bpoint > apoint){$(this).remove();}
    });
});

Answer 1

您提供的有关 F5 与硬刷新的信息确实有助于缩小问题范围!

问题是您的代码在加载图像之前正在运行。因此，图像元素的高度为 0px，这会导致您的 JS 无法正常运行。

要解决此问题，不要在运行代码之前等待 $(document).ready，而是等待 $(window).load。这将在页面上的图像加载完毕后触发。