如何将JQuery / Javascript文件链接到HTML

时间:2014-07-22 20:00:49

标签: javascript jquery html css

当我在Web浏览器中打开文件(本地保存)时,我的JQuery代码出现问题。当我将相同的代码应用于JSFiddle时,所有这些都有效。

这就是我在HTML文件的标题中所拥有的内容:

    <script src="jquery-ui.js"></script>
    <link rel="stylesheet" type='text/css' href="main.css"/>
    <script type='text/javascript' src='script.js'></script>

我的css文件名为“main.css”,我的JQuery / Javascript文件名为“script.js”。

标题中是否有语法错误或其他内容?

1 个答案:

答案 0 :(得分:1)

你应该(几乎)总是用$(document).ready(function() { ... code here ... });包围你的jQuery。这之所以有效,是因为它强制整个文档在执行内部JavaScript之前加载。如果JavaScript在文档完全加载之前执行,它可能会抛出错误(以及其他疯狂的东西)。

但是,如果您将JavaScript放在HTML文档的最底部(</body>标记上方),则无需这样做。

$(document).ready(function() {})的简写为$(function() {})