JQuery停止工作,没有任何错误消息

时间:2015-02-21 14:14:50

标签: javascript jquery

我在网站上注意到jQuery停止工作,但我在控制台上没有出错。 我一直在尝试用非常基本的代码测试它,但jquery库仍然正在加载,javascript代码工作但不是jQuery。 我在两台不同的计算机上使用Chrome和Internet Explorer对其进行了测试。 有人能指点我找个问题吗?

<html>
<head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"/>

<script>
$(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    });
});
</script>
</head>
<body>
<h1>JQuery</h1>
<p>hide me please</p>

<p id="demo">demo</p>

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
</body>
</html>

3 个答案:

答案 0 :(得分:8)

尝试使用

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

而不是

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

让我们知道它是否解决了这个问题。 <script>标签不应该是自动关闭的。

答案 1 :(得分:3)

问题在于

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

这一行。 请移除/并以</script>的方式关闭代码。应该工作。

答案 2 :(得分:2)

我想jquery脚本标签应该正常关闭。据我所知,脚本标签不是自动关闭。我可能错了。