在页面上加载Javascript

时间:2011-07-22 04:51:57

标签: jquery html5 cakephp jquery-plugins

我正在关闭身体之前在页面末尾加载jQuery和所有插件库。

页面中有一些元素需要jquery插件。

我是否需要在标题中的文档下添加jquery配置代码,或者可以在任何地方加载?

我收到错误,因为在配置部分之后加载了lib,因此特定功能无法正常工作。

对此最好的解决方案是什么?

4 个答案:

答案 0 :(得分:2)

你应该在开始使用它之前加载核心jquery js,如$(document).ready();

答案 1 :(得分:1)

页面资源按顺序加载。是否存在性能原因导致您不仅仅是在文档开头声明这些插件?

答案 2 :(得分:1)

我通常会像你一样在页面末尾加载我的所有脚本。像这样:

        <script src="/js/jquery-1.6.2.js" type="text/javascript"></script>
        <script src="/js/jquery.ui.core.js" type="text/javascript"></script>
        <script src="/js/jquery.ui.widget.js" type="text/javascript"></script>
        <script src="/js/jquery.ui.accordion.js" type="text/javascript"></script>
        <script src="/js/jquery.ui.datepicker.js" type="text/javascript"></script>
        <script src="/js/jquery.isotope.js" type="text/javascript"></script>
        <script src="/js/jquery.ready.js" type="text/javascript"></script>

    </body>
</html>

您应该首先加载所有依赖项。 jQuery通常是第一个,然后是你的所有插件,然后是你的document.ready代码。如果您在页面中嵌入了Javascript代码,则需要将所有脚本移动到标题中,或者(更优选的是)将所有内联代码移动到外部文件中。 See my blog post on how I keep it all organized

希望有所帮助。

答案 3 :(得分:-1)

最佳做法是在页面开头的head部分加载js文件

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
.....
</head>

如果例如A脚本使用B脚本,则应首先调用