我不明白这有什么问题。这可能是一个链接问题,但我不知道是哪一个。 index.html、script.js 和 jquery 的库文件都在我的桌面上。这是代码:
这是 HTML 代码:
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h1>asdasd</h1>
</body>
</html>
这是 Jquery 外部表:
$(document).ready((function) {
("h1").click((function) {
(this).hide();
});
});
没有 CSS 表,因为我把它弄得很简单,所以我可以确定它没有错,但也许是。
最佳答案
src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"
无协议(protocol) URL 无法通过 file:///
方案运行。
用 http://
代替 //
,它应该可以工作。然而,从长远来看,使用本地主机服务器是更好的方法。 =]
使用本地主机服务器,您可以通过 http://
轻松运行页面,这样您就可以解决该错误以及将来可能遇到的许多其他文件权限问题。以下是一些易于安装的服务器:WAMP , EasyPHP , XAMPP , BitNami
此外,(function)
应该是 function()
并且您缺少 $
:
$(document).ready((function) {
("h1").click((function) {
应该是
$(document).ready(function() {
$("h1").click(function() {
尝试通过 JSHint 运行您的代码,它会为您找到那些基本语法错误。
关于jquery - 将 Jquery 与 HTML 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15421745/