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之后加载它。

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

1 个答案: