出于性能目的,我将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组织成单独的模块化文件,并仅包含特定页面所需的文件.