javascript - 从 HTML 中分离 jQuery 代码

标签 javascript jquery html css

我正试图清理我的代码,所以我把所有的东西都放在我的

<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/

相关文章:

javascript - Gulp 文件生成根路径而不是相对路径

javascript - 如何使用 Jquery 拆分多个字符串

html - Cufon 有不止一种字体?

javascript - 短时间内改变颜色 JavaScript 和 CSS

javascript - Discord 机器人对话

javascript - 如何在 AngularJS MD 中使用 <md-progress-linear>?

javascript - 如何为两个类添加相同的功能?

javascript - 如何在不使用提交按钮的情况下从文本框加载输入? JavaScript?

javascript - 从 UI 选择特定时区时在 javascript/jquery 中添加类

javascript - 如何使我的交通灯序列中的颜色发生变化