Question

我想为我的网站使用Google托管库（然后jQuery jQuery-UI本地托管）。我将脚本标签粘贴到头部，当我写一个部分jQuery时，我收到错误：

ReferenceError：$未定义

这是我的代码：

<!DOCTYPE html>
<html>
<head>
    <title>slider</title>
    <link rel="stylesheet" href="index.css"/>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body onload="slider();">
    <div class="slider">
        <img id="1" src="img/1.jpg" border="0" alt="1"/>
        <img id="2" src="img/2.jpg" border="0" alt="2"/>
        <img id="3" src="img/3.jpg" border="0" alt="3"/>
    </div>
    <div class="shadow"></div>
    <script src="js/slider.js"></script>
</body>
</html>

我做错了什么？

Answer 1

我认为你可能有一个静态网站（没有运行网络服务器）所以你需要在脚本引用中指定 http 或 https ：

原因是您可以避免在脚本引用中设置 http 或 https ，因为稍后浏览器会为您执行以下操作：正在使用但是如果你正在运行一个静态站点，那么浏览器就没有协议（URL中没有http或https），因此脚本src无法解析。

另一个问题可能是您设置脚本的顺序。我认为应该在 jQuery UI 之前加载 jQuery 。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

Answer 2

如上所述，必须在JqueryUI之前调用JQuery，因为UI依赖于JQuery。如果您的网站以http或https运行，如果使用https。

，则包括http

Answer 3

当jquery已定义为“已加载”之前，本地脚本正在运行时，可能会发生此错误。记得在一个onload语句中包装你的jQuery代码。

$(function(){
    // jQuery code here!!
})();

请查看jQuerys documentation以获取更多信息。

Google托管的图书馆不起作用

3 个答案: