使用HTML5加载jQuery问题Boilerplate/CodeIgniter

我刚开始在我的笔记本电脑上安装了一个xampp服务器。我已经下载了html5boilerplate-codeigniter代码并将其放到我的xampp服务器上的相应目录中，并在apache中设置了一个虚拟目录以方便浏览器访问。使用HTML5加载jQuery问题Boilerplate/CodeIgniter

我想尝试一个简单的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不会加载。它位于样板模板的末尾，以加快页面加载速度（根据文档）......但是它甚至加载了所有内容，还是我正在处理所有错误？

感谢您的帮助！非常感谢。

来源

2011-10-14 ClaytonDaniels

您可以上传完整的示例页面以供大家观看吗？ –

任何控制台错误？ –

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

来源

2011-10-14 15:34:58

将代码添加到我的script.js文件（由html5样板文件提供）并且它可以工作。我应该已经意识到了这一点！谢谢你的帮助。 – ClaytonDaniels

使用HTML5加载jQuery问题Boilerplate/CodeIgniter

回答

相关问题