未捕获的引用错误：使用 $(document).ready 时未定义 $

Question

我正在使用 Foundation CSS 框架，它在页脚中加载 jQuery。这并不是一种不典型的做法，也是许多人推荐的做法。但是，我需要在页面中编写脚本。使用文档准备应该可以解决问题，但我仍然收到错误。为什么？

$(document).ready(function(){
    // My Code
    var a;
    $(#id).dosomething({
    // Doing Something
    });
});

就在正文关闭标记之前：

<script src="scripts/jquery-1.8.0.min.js"></script>
// More Scripts
</body>

但我收到标准错误“Uncaught ReferenceError: $ is not Defined”（4x，因为我在正文中有 4 个脚本）。另外，我无法将 jQuery 引用移至脚本调用上方，因为它与其他脚本冲突。我也无法将脚本调用移至 jQuery 引用下方。

Answer 1

使用文档准备应该可以解决问题，但我仍然收到错误。为什么？

我想你误会了。您可以$(document).ready用来注册在读取 DOM 后应执行的代码，这通常是在您想要操作 DOM 时。$这里是 jQuery，所以显然它必须在调用之前加载$(document)...。

我无法将 jQuery 引用移至脚本调用上方，因为它与其他脚本冲突

也许你应该使用jQuery.noConflict() ^[docs]。