Question

编辑：非常感谢，这是该死的API或其他什么，我确实下载了文件，所以我不必从服务器上获取它，但我只是改为使用https。

我有两个问题。

为什么我的代码不起作用？我正在尝试制作一个绿色的闪屏，当点击时，淡入红色背景。
这究竟是什么 - <script src="//code.jquery.com/jquery-1.9.1.min.js"></script>？我知道它是链接jQuery代码但我不知道具体。

我的Html：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
        <script type='text/javascript' src='anim.js'></script>
        <title></title>
    </head>
    <body>
        <div id="splash">
       </div>
    </body>
</html>

我的CSS：

#splash {

z-index: 100;
position: absolute;
background-color: #82a43a;
top: 0; 
right: 0; 
left: 0; 
bottom: 0;

}

body {

    background-color: red;

}

我的jQuery：

$("#splash").click(function() {

$(this).fadeOut();

});

Answer 1

您有可能在您的文件系统上运行此网站，而不是服务器。以//开头的链接是协议相对的，这意味着它试图从file://code.jquery.com/jquery-1.9.1.min.js中找到不存在的jQuery文件。

用这个替换该行：

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

Answer 2

本地语言是javascript，我们用它来编写函数，但jquery是由javascript创建的库，所以如果我们需要使用jquery，我们只能在页面中使用这个库来制作DOM理解jquery函数。

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

即使在定义了这个库之后你的函数也无法正常工作，因为每当我们在本地系统中使用这个库并从实时服务器调用库时，我们需要调用http://，所以你必须像这样编写它

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

Answer 3

要从Internet加载JQuery，您需要指定JQuery JS文件链接，如下所示：

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

here 是使用JQuery Js文件作为外部资源的工作演示。

Answer 4

请将您的脚本放入文档中，以便它可以正常工作：

 $(document).ready(function(){
    $("#splash").click(function() {
     $(this).fadeOut();
    });
  });

在#splash div中编写测试或任何内容，这样就可以完美地触发点击。

无论我尝试什么，我的jQuery都不会链接到我的HTML？

4 个答案: