jquery - 设置 jQuery

我在使用带有此代码的在线编辑器时注意到:

<!DOCTYPE html>
<html>

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

        </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>

该代码和所有内容在在线编辑器上运行良好，但是，添加直接复制到 HTML 文件中的相同代码不会产生所需的结果。我究竟做错了什么？它也适用于 jsfiddle，但我想知道为什么纯源(上面)不起作用。我在任何处理 jQuery 的网站上找到的所有代码示例都是这样。

最佳答案

当您使用 // 前缀指定脚本 URL 时，浏览器会自动应用当前文档的协议(protocol) - 在您的情况下可能是 file:

要解决此问题，请从 Web 服务器(例如:apache)运行它或使用 http:// 作为 jquery 脚本 URL 的前缀。

关于jquery - 设置 jQuery，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16720136/