Question

我正在学习jQuery，而且我遇到了一个小问题。当我将它直接放在我的HTML中的标签中时，jQuery代码可以工作，但是当我从不同的文件导入它时，没有任何反应。这些是我在HTML中的脚本标记：

<script type="text/javascript" src="scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="scripts/test.js"></script> <!--This is my jQuery code-->

test.js包含以下代码：

$(document).ready(function(){
console.log("Hello");
});

页面加载时，控制台为空。但是，当我粘贴以下代码时，在我的html文档中，一切正常。

<script>

    $(document).ready(function(){
    console.log("Hello");
    });

</script>

Answer 1

您确实在HTML文件所在的文件夹中有一个名为 scripts 的文件夹吗？否则，请尝试将此src="scripts/jquery-1.10.2.js"更改为：src="/scripts/jquery-1.10.2.js"

您可以通过浏览http://yoururl/scripts/jquery-1.10.2.js进行检查，Jquery代码应该显示出来。如果不存在，则必须确保包含正确的文件夹/文件。

Answer 2

是的。您可以通过两种方式推送脚本:: 1 - 将您的脚本推送到标签中，例如＆gt;＆gt;

<script>$(document).ready(function(){alert("Welcome Dear");});</script>

2 - 使用＆gt;＆gt;

等属性推送内联脚本

<button type='button' onclick="$(this).hide()">Hide Me</button>

Answer 3

确保脚本文件夹包含test.js以确保扩展名是正确的。有时我会犯同样的错误，而不是test.js我将其保存为test.js.txt

是否必须在HTML？</script>的<script>标记中编写jQuery

3 个答案: