jquery代码不能正常工作代码是完美的,不知道有什么问题

时间:2013-02-27 07:34:51

标签: jquery

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
</body>
</html>

上面写的是我用于测试jquery的代码..

当我运行html文件时,它在浏览器中无效。

当我从w3schools.com运行时,此代码在我的浏览器中运行良好。

请让我知道不使用此代码的原因。 java脚本在我的浏览器中启用。

3 个答案:

答案 0 :(得分:3)

您的代码按预期工作。

但是。 您是如何打开文件的?通过文件浏览器,还是在本地Web服务器上托管文件?

第一个不起作用,后者会起作用,因为你正在使用jQuery脚本文件路径。通过不使用协议,您可以继承协议。如果那是httphttps,那很好。但如果它是file,那么你可能在那个位置没有文件。因此如果您在本地加载它(例如,您在网址的开头看到file://),则需要在脚本路径前放置http:

或者,如果您正在寻找一个易于在Windows上设置网络服务器(因此您可以使用http URL打开文件并且您的脚本路径有效),我对{{3}非常满意}。 Linux / Windows / Mac都有很多选择。只要问谷歌。

祝你好运!

答案 1 :(得分:0)

只有当您的文件位于服务器上时,您的jQuery路径才能正常工作。如果没有,请使用此路径:

http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

答案 2 :(得分:-2)

<script>来源错误

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>