为什么本地导入时jQuery不起作用答案

【问题标题】：Why doesn't jQuery work when imported locally为什么本地导入时jQuery不起作用
【发布时间】：2014-12-23 20:15:43
【问题描述】：

当我从一个网址将 jQuery 导入我的 HTML 时，我可以让我的手风琴工作，但如果它是从我的计算机导入的，它就不会。我知道我可能导入了错误的文件，如果是，有办法知道吗？

<head>
    <!--Is my javascript-->
    <script type="text/javascript" src="JSabout.js"></script>

    <!--Is what I'm importing-->
    <script type="text/javascript" src="jquery-ui/jquery-ui.min.js"></script>
    <script type="text/javascript" src="jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="jquery-ui/external/jquery/jquery.js"></script>
</head>

这行不通

<head>
    <!--Is my javascript-->
    <script type="text/javascript" src="JSabout.js"></script>

    <!--Is what I'm importing-->
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/dot-luv/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

但这确实

我也在尝试使用主题（Dot Luv）

【问题讨论】：

JSabout.js 是否包含将元素设置为手风琴的代码？
多解释一下，it doesn't work 太宽泛了...是404吗？
那么，在您的网页所在的文件夹中是否有一个 jquery-ui 文件夹，其中包含 jQuery 脚本？当浏览器尝试访问这些文件时，浏览器调试工具的网络选项卡会显示什么内容？
打开浏览器的开发人员工具并检查“网络”选项卡，看看当您尝试加载 jQuery 文件时正在处理哪种错误。
您是否尝试在浏览器中调试它并查看是否所有内容都正确加载？

标签： javascript jquery html accordion jquery-ui-accordion

【解决方案1】：

jQuery UI 依赖于 jQuery。

在工作示例中，您先导入 jQuery，然后再导入 jQuery UI。

在非工作示例中，导入 jQuery UI，然后导入非缩小版本的 jQuery UI（不要这样做，坚持一个版本），然后导入 jQuery，到时候就太晚了。

这与本地化无关。您更改了脚本的顺序。

【讨论】：

@TristanWarren 如果您查看浏览器的 JavaScript 调试控制台，您可能会注意到这一点。第一次尝试使用jQuery库时会感到困惑并给你一个错误。
这确实有效，尽管样式不同并且看起来很棒。我只是使用了错误的 jQuery UI 吗？
@TristanWarren — 在您两次导入 jQuery UI 的示例中，您根本没有导入 jQuery UI 样式表。