jquery文件准备得太慢了

Question

我的网站中有两个页面都显示模态表单。页面正在使用jModal插件，一切运行良好。

我遇到的问题如下。

一页，一切都很好，性能很好。

在第二页上，一切都是相同的，除了它有一些广告，这会导致一个小的性能影响。

此命中是可以接受的，但结果延迟可以允许访问者在模式窗口显示之前单击页面上的链接。因此，访客可能会错过模态窗口。

代码位于$（）。就绪，我认为这会导致问题，因为网页必须等到广告服务器完成广告投放。

我删除了$（）。就绪，但这只是导致代码根本不执行。

有没有办法锁定页面，直到doc ready执行完毕？

Answer 1

一种方法是在您的网站上添加一个覆盖图，该覆盖图总是存在您使用$（）删除的内容。准备就绪，这将覆盖所有内容并且不允许他们点击。

Answer 2

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

文档最初看起来与jQuery触发的时间之间的区别可以通过样式来模仿。

例如（在您的情况下），您在等待jQuery隐藏它们时以环形交叉方式向用户显示链接。首先用CSS隐藏它们，然后作为初始jQuery的一部分显示它们（一旦它完全初始化）。

我在UI上使用了swiper这个问题;我有一个庞大的列表，其宽度将根据swiper插件设置（初始化时）。相反，我只是在我的CSS文件中设置了一个巨大的宽度（故意过度补偿）然后让swiper插件做它的东西。典型的用户无法分辨。

仍然不是万无一失，但在这种情况下，CSS比等待jQuery要快得多，而且与其他选项不同，你不需要加入额外的叠加。

Answer 3

将模态窗口放在doc ready

下面的页面顶部

Answer 4

谢谢大家的帮助。

最后，我添加了一个叠加，快速，简单，完成工作。