javascript - jQuery 未定义 - $ 未定义

Question

我用谷歌搜索，检查了所有常见的响应。这些脚本似乎顺序正确(它们在 the demo 中以相同的顺序工作)但由于某种原因，当我尝试实现它时，我得到了错误。

我有一个 paste bin用我完整的页面代码。但这是它的要点。

在我的标题中:

<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>     <script src="picker/picker.js"></script>
<script src="picker/picker.date.js"></script>
<script src="picker/picker.time.js"></script>
<script src="picker/legacy.js"></script>
<script src="picker/main.js"></script>

在我的 body 里:

<input id="" class="fieldset__input js__datepicker" type="text" placeholder="Choose Date">
<input id="" class="fieldset__input js__timepicker" type="text" placeholder="Choose Time">

当我去掉除这些部分之外的所有其他内容时，它工作正常。为什么这不起作用？

我的错误

[10:23:00.178] ReferenceError: $ is not defined @ https://www.nn.com/picker/picker.js:26
[10:23:00.209] ReferenceError: Picker is not defined @ https://www.nnnr.com/picker/picker.date.js:23
[10:23:00.223] ReferenceError: Picker is not defined @ https://www.nnnnnn.com/picker/picker.time.js:23
[10:23:00.245] ReferenceError: $ is not defined @ https://www.nnnn.com/picker/main.js:30

Answer 1

如果您在 https 域上运行，则您的包含也需要来自 https 域。

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

而且，如果您的网站既可以是 http 也可以是 https，您可以使它成为相对协议(protocol)，以便它自动切换到任何需要的地方。

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

但是请注意，只有当您从网络服务器运行代码时，使用相关协议(protocol)才有效(老实说，应该始终如此。)