在单击URL或Href时获取Jquery移动脚本错误(**错误加载页**)？
在单击URL或Href时获取Jquery移动脚本错误(**错误加载页**)？
提问于 2011-12-19 10:09:43
我已经使用jQuery移动创建了一个示例web应用程序。
我创建了两个<div>；一个包含href，另一个包含内容。当我单击HREF时，它会显示jquery-mobile脚本错误，如下所示：
错误加载页
有人能看到是什么导致了这个错误吗？
<html> <head runat="server"> <title>How to expand collapse div layer using jQuery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-.0a3.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-.0a3.min.css" />
<script language="javascript">
$(document).ready(function () {
var $pages = $('#pages > *').hide();
$('#content a').click(function() {
$pages.hide();
$($(this).attr('href') ).show();
});
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header" class='header_align'>Bristol-Myers Squibb</div>
<h2>
How to expand collapse div layer using jQuery</h2>
<div id="toggle">
<div id="heading">Heading</div>
<div id="content">
<ul>
<li><a href="#page-1">Page1</a></li>
<li><a href="#page-2">Page2</a></li>
<li><a href="#page-3">Page3</a></li>
</ul>
</div>
</div>
<div id="pages">
<div id="page-1">Page 1 Content</div>
<div id="page-2">Page 2 Content</div>
<div id="page-3">Page 3 Content</div>
</div>
</div>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2011-12-19 11:43:01
带有指定锚的链接的jQuery移动默认行为是跳转到具有相应id的页面(data-角色=“page”)。但是对于第1页、第2页或第3页没有这样的页面，所以会发生错误。
尝尝这个
$(document).ready(function () {
var $pages = $('#pages > *').hide();
$('#content a').click(function() {
$pages.hide();
$($(this).attr('href') ).show();
return false;
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8559767
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号