<!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脚本在我的浏览器中启用。
答案 0 :(得分:3)
您的代码按预期工作。
但是。 您是如何打开文件的?通过文件浏览器,还是在本地Web服务器上托管文件?
第一个不起作用,后者会起作用,因为你正在使用jQuery脚本文件路径。通过不使用协议,您可以继承协议。如果那是http
或https
,那很好。但如果它是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>