javascript - jquery 文档准备太慢

Question

我的网站中有两个页面都显示模态形式。这些页面正在使用 jModal 插件，并且一切正常。

我遇到的问题如下。

一个页面，一切都很好，性能很棒。

在第二页上，除了上面有一些广告会导致性能下降外，其他一切都一样。

此点击是可以接受的，但由此产生的延迟可能会导致访问者在模式窗口显示之前点击页面上的链接。因此访问者可能会错过模态窗口。

代码在 $().Ready 中，我认为这是导致问题的原因，因为页面必须等到广告服务器完成广告服务。

我删除了 $().Ready，但这只会导致代码根本无法执行。

有没有一种方法可以锁定页面，直到文档就绪执行完毕？

Answer 1

我会提供这个替代选项，因为它是我通常选择的选项。

文档最初的样子与您的 jQuery 何时触发之间的区别可以通过样式来模拟。

例如(在您的情况下)，您在等待 jQuery 隐藏它们(以迂回方式)时向用户公开了链接。简单地先用 CSS 隐藏它们，然后作为初始 jQuery 的一部分显示它们(一旦它完全初始化)。

我在 UI 上使用滑动器时遇到了这个问题；我有一个庞大的列表，其宽度将根据 swiper 插件(初始化时)进行设置。相反，我只是在我的 CSS 文件中设置了一个巨大的宽度(故意过度补偿)，然后让 swiper 插件完成它。普通用户无法分辨。

仍然不是万无一失的，但在这种情况下，CSS 比等待 jQuery 快得多，而且与其他选项不同，您不需要合并额外的覆盖层。