如果它加载在页面底部,如何更快地使用jQuery?

时间:2015-10-29 15:36:13

标签: jquery html

好的,让我们在底部加载jQuery。但我比它更需要它:

<body>
<div id="aaaa"></div>
<script>
  $('#aaa').click FAIL
</script>
</body>
<script src=jquery>

3 个答案:

答案 0 :(得分:2)

(function(){click Event here}); Last step jQuery append as Last Element for the Body for faster loading

Extern scripts for more performance und er the jquery Core

答案 1 :(得分:1)

即使有些人不推荐它,我也建议您将jQuery作为网站中的第一个脚本加载。如果在加载之后添加非侵入式代码,jQuery插件和内容可以放在文档底部而不会出现问题。

不要在文档的<body></body>部分的底部加载,而是将其加载到标题中:

<html>
    <head>
        <title>...</title>
        <script type="text/javascript" src="jquery_file.js"></script>
        <!-- ... -->
    </head>
    <body>
        <!-- ... -->
        <a href="#" id="aaa">Click me</a>
        <!-- ... -->
        <script type="text/javascript">
            $('#aaa').click(function(e) { alert('Now this should work.'); });
        </script>
    </body>
</html>

作为旁注,请考虑在<body>标记内不包含任何脚本。正如我之前所说,jQuery是非侵入式,意味着它不应该与HTML混合。你正在做坏事。

您的$('#aaa').click可以(并且应该)在body标记本身之外的脚本中以及导入jQuery之后调用。你可以在导入jQuery库的那个下方完美地包含script标记,它应该可以正常工作。

答案 2 :(得分:1)

Either move the jquery tag up, or put the other script tag also below under where you include jquery