我正试图清理我的代码,所以我把所有的东西都放在我的
<style></style>
在 CSS 文件中。我正在尝试为我的 jQuery 做同样的事情。所以我创建了一个 Custom.js 文件。但是做这样的事情:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
留在 html 文件中还是我可以将它们移动到 Custom.js 文件中?另外,我正在使用一个名为 uscrollbar 的 jQuery 插件,所以我的 html 文件中有这段代码:
<script>
$(document).ready(function(e) {
$('#scroll_form').uscrollbar();
});
</script>
我也可以将其移至 Custom.js 吗?
最佳答案
一个更好的问题。
最好在您的 HTML 中保留指向外部脚本的链接,拥有几个 <script>
是完全没问题的。标签。尤其是使用 CDN 的用户!
您可以移动您的 document.ready()
对外部 JS 起作用,其中保留了所有其他 JS。但有时在只涉及该页面的页面中直接包含像这样的小片段会更容易。
将内容移动到单独的文件时,以正确的顺序包含它们很重要。
通常像 Modernizr 这样的东西在顶部( <head>
),jQuery 靠近底部(就在 </body>
之前),然后是您的插件,然后是您的自定义脚本。
关于javascript - 从 HTML 中分离 jQuery 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12666982/