javascript – 在特定页面上使用jQuery(放在页面底部)

前端之家收集整理的这篇文章主要介绍了javascript – 在特定页面上使用jQuery(放在页面底部)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
出于性能目的,我将jQuery脚本加载到页面底部(就在关闭body标记之前).

我的问题是如何启用页面特定的脚本?我不想把所有内容放在$(document).ready方法中(再次出于性能目的).

更新:我正在使用模板系统,所以我在模板中加载了jQuery.这样,即使我将它们放在特定页面的末尾也不会识别jQuery调用,因为此时没有加载jQuery.

解决方法

我不是100%肯定你在问什么,但如果这是我认为的那样,那么答案就是你不能吃蛋糕而且吃得也不错.

您似乎已将jQuery移动到页面的按钮,但是您想要使用JavaScript页面的某些元素,但是不想等待所有的document.ready?也许像下面这样的东西?

<html>
<body>
   <ul id="maybe-some-menu-that-needs-js-initialization-for-example">
   ...
   </ul>
   <script>
     /* javascript goes here that uses jquery for the above menu (or whatever) 
     AND you don't want to wait for document.ready for this to happen */
   </script>
   ...
   <script src="including jquery here"></script>
   <script src="including other scripts here"></script>
</body>
</html>

如果是这种情况,那么请参考我从一开始就说的话.您必须将jQuery(至少是库,不一定是所有其他JavaScript)移回页面顶部.或者不是我们jQuery为你不想等待document.ready的东西.

编辑:如果你想根据你所在的页面执行操作,那么有两种方法,每种方法都比上一种更好,更优选.

>使用location.pathname确定所需的功能.>根据功能将JavaScript组织成单独的模块化文件,并仅包含特定页面所需的文件.

猜你在找的jQuery相关文章