使用 HTML5 Boilerplate/CodeIgniter 加载 jQuery 的问题

Question

我刚开始并在我的笔记本电脑上设置了一个 xampp 服务器。我已经下载了 html5boilerplate-codeigniter 代码并将其放置在我的 xampp 服务器上的适当目录中，并在 apache 中设置了一个虚拟目录以便于浏览器访问。

我想尝试一段简单的 jQuery 代码（我以前从未使用过 jQuery），所以我从 codeigniter 中获取了一个视图文件，并将一些 jQuery 教程代码放在文件中。我放的代码是：

<a href="http://jquery.com/">jQuery</a>
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> -->
<script>
$(document).ready(function(){
$("a").click(function(event){
alert("As you can see, the link no longer took you to jquery.com");
event.preventDefault();
});
});
</script>

我注释掉了对 jQuery 的调用，因为我的理解是，html5boilerplate 已经加载了 jQuery。但是，单击 jQuery 链接会将我直接带到 jquery 页面。当我取消注释对 jQuery 的调用时...我收到警报。这告诉我样板文件没有加载 jQuery。这准确吗？

相关页面的代码在这里：http://pastebin.com/VfVgbpFY

我知道第 146 行 (src=//ajax) 并已将 http: 添加到 src 属性，但是，结果相同...没有警报。

我做错了什么，jQuery 无法加载。它位于样板模板的末尾，以加快页面加载（根据文档）......但它甚至完全加载还是我做错了？

感谢您的帮助！不胜感激。

Answer 1

jQuery 在页面底部加载，您的脚本在其上方的内容区域加载。您使用$(document).ready() 是对的，但$ 甚至还不存在，所以它仍然无法正常工作。您需要将代码放入外部文件并在调用加载 jQuery 之后 加载它。