javascript - 未捕获的 ReferenceError : $ is not defined when using $(document). 就绪

Question

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

$(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

Using document ready should do the trick, but I'm still getting an error. Why?

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

I cannot move the jQuery reference above the script call as it conflicts with other scripts

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