HTML + jQuery结果显示为空白页
[英]HTML + jQuery results in blank page
问题描述
我在实现jQuery时遇到了麻烦-特别是从Code Academy复制了此练习 。 我从Stack Overflow上的另一个问题中了解到，引用jQuery.js的<script>必须放置在引用本地JavaScript文件的<script>之前，以用于$(document).ready(); 被认可。
因此，这是index.html：
<!DOCTYPE html>
<html>
<head>
<title>Behold!</title>
<link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js" type="text/javascript"></script>
<script type='text/javascript' src='index.js'></script>
</head>
<body>
<div id="menu">
<h3>jQuery</h3>
<div>
<p>jQuery is a JavaScript library that makes your websites look absolutely stunning.</p>
</div>
<h3>jQuery UI</h3>
<div>
<p>jQuery UI includes even more jQuery goodness!</p>
</div>
<h3>JavaScript</h3>
<div>
<p>JavaScript is a programming language used in web browsers.</p>
</div>
</div>
</body>
</html>
然后这是我的index.js：
$(document).ready(function() {
$("#menu").accordion({collapsible: true, active: false});
});
在Chrome和IE中，这都显示为完全空白的页面，没有任何jQuery accordion或文本的痕迹。 如果我忽略了某些内容，请告诉我-非常感谢您的帮助。 谢谢！
2 个解决方案
解决方案1
0 已采纳 2013-05-22 05:47:47
这个：
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.j" type="text/javascript"></script>
应该是这样的：
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js" type="text/javascript"></script>
解决方案2
0 2013-05-22 05:49:28
我不知道此错误是否仅来自复制粘贴，但文件扩展名不正确（应为“ js”，而不是“ j”）。
此外，您不包括jQuery本身（仅包括jQuery UI）。
使用以下头部区域：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js" type="text/javascript"></script>
<script type='text/javascript' src='index.js'></script>
这些为我工作。
jQuery自动完成返回空白结果
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.