jquery mobile data-role="navbar" 页面跳转问题

kannon1 2014-04-23 05:06:00
先上代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0 ,user-scalable=no">
<link rel="stylesheet" href="../../js/jquery.mobile-1.3.2.min.css" />
<script src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/jquery.mobile-1.3.2.min.js"></script>
<div data-role="page" id="e1">
<div data-role="header" data-position="inline" data-theme="b">
<a href="javascript:history.go(-1);" data-role="button" data-icon="back" data-transition="pop" rel="external">返回</a>
<h1></h1>
<a href="javascript:backHomePage();" data-role="button" data-icon="grid" data-transition="pop" rel="external">保存</a>
</div>
<div data-role="content">
<p>基本信息</p>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" class="ui-btn-active ui-state-persist">基本信息</a></li>
<li><a href="#e2">相关责任人信息</a></li>
<li><a href="#e3">附属信息</a></li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="e2">
<div data-role="header" data-position="inline" data-theme="b">
<a href="javascript:history.go(-1);" data-role="button" data-icon="back" data-transition="pop" rel="external">返回</a>
<h1></h1>
<a href="javascript:backHomePage();" data-role="button" data-icon="grid" data-transition="pop" rel="external">保存</a>
</div>
<div data-role="content">
<p>相关责任人信息</p>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#e1">基本信息</a></li>
<li><a href="#" class="ui-btn-active ui-state-persist">相关责任人信息</a></li>
<li><a href="#e3">附属信息</a></li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="e3">
<div data-role="header" data-position="inline" data-theme="b">
<a href="javascript:history.go(-1);" data-role="button" data-icon="back" data-transition="pop" rel="external">返回</a>
<h1></h1>
<a href="javascript:backHomePage();" data-role="button" data-icon="grid" data-transition="pop" rel="external">保存</a>
</div>
<div data-role="content">
<p>附属信息</p>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#e1">基本信息</a></li>
<li><a href="#e2">相关责任人信息</a></li>
<li><a href="#" class="ui-btn-active ui-state-persist">附属信息</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>


问题描述:如果用浏览器访问该页面,点击底部的导航栏是能正常跳转的。
但是当从 登陆页面 --> 主页面 --> 该页面 就出现了 “点击后没反应的现象”,浏览器也不报错。很纠结。
求大神支招,在此感谢了。
...全文
298 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
11guo 2014-08-19
  • 打赏
  • 举报
回复
换成这个试一试<!DOCTYPE HTML>
11guo 2014-08-19
  • 打赏
  • 举报
回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧