-1

我的代码是这样的。但它不适用于任何浏览器。此代码已从 w3scools 复制粘贴。我的其他代码也是如此。

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
     $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>

4

3 回答 3

4

我不知道这是否可行，但请尝试添加http:到链接参考的开头。此外，正如其他人指出的那样，关闭您的<html>标签。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
     $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

我建议的另一件事是使用 jQuery 的 CDN 进行 jQuery 托管。URL 要短得多，它可以让您获得最新版本，而无需定义版本：

<script src="http://code.jquery.com/jquery.min.js"></script>

但是，我看到您使用的是 1.8.3 版本，这可能是出于特定原因，因此只需jquery在 url 中添加您想要的版本即可。jquery-1.8.3.min.js.

于 2013-02-09T21:49:30.083 回答
1

指向您的 jQuery 脚本的链接不起作用。将其替换为：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

反而。

旧链接对我不起作用，但是用另一个链接替换它后它就可以正常工作了。

（我假设你注意到了丢失的</html>.）

于 2013-02-09T21:45:12.447 回答
0

您的代码确实可以工作（即使没有缺少 html 结束标记 :-P），但前提是它是从服务器运行的。这与 jQuery 文件的 URI 有关。

如果你在本地运行文件，浏览器猜测它应该使用文件协议下载文件，所以：

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

如果您打开浏览器的开发工具（通常按 F12 键），它应该会显示一个错误，指出浏览器无法从 file:// URL 加载 jQuery 文件。如果您将 http（或 https）作为协议，它知道从哪里获取 jQuery 并且一切正常。

有趣的是，如果您在服务器上运行该文件（我猜这是 w3schools 的意图），那么浏览器会猜测它应该是 http 或 https 协议并找到 jQuery 文件。

如果你想不费吹灰之力地尝试运行一个网络服务器，Python（因为它很棒）让你只用一个命令就可以运行一个网络服务器：

python -m SimpleHTTPServer

它在以下位置运行服务器：

http://0.0.0.0:8000

并从您运行它的目录中提供文件。这个网址有更多关于它的细节：http ://www.linuxjournal.com/content/tech-tip-really-simple-http-server-python

我不知道服务器要求（感谢您的提问！），我在旅行中发现了这一点，我认为这很有趣。它讨论了缺少的协议如何有效 html StackOverflow：在脚本标签中用 // 替换 http:// 是否有效？

于 2013-02-09T22:50:25.823 回答