0

我开始并在我的笔记本电脑上设置了一个 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 不会加载。它位于样板模板的末尾,以加快页面加载(根据文档)......但它甚至完全加载还是我要解决这一切都错了?

谢谢你的帮助!值得赞赏。

4

1 回答 1

2

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

于 2011-10-14T15:34:58.937 回答