如何解决控件组中的按钮未按预期重定向-jQuery mobile
| 以下代码似乎无法正确重定向。 该代码位于名为options.html的html文件中,当我单击\“ Quiz \”时,导航到的URL为/options.html#results.jsp。重定向URL应该不是/results.jsp吗?<!DOCTYPE html>
<html>
<head>
<title>Options</title>
<link rel=\"stylesheet\" type=\"text/css\" href=\"jquery.mobile-1.0a4.1.css\" />
<script type=\"text/javascript\" src=\"jquery-1.6.1.js\"></script>
<script type=\"text/javascript\" src=\"jquery.mobile-1.0a4.1.js\"></script>
<script type=\"text/javascript\" src=\"jquery.mobile-1.0a4.1.js\"></script>
</head>
<body>
<!-- Page starts here -->
<div data-role=\"page\" data-theme=\"b\" id=\"page1\">
<div data-role=\"header\" id=\"hdrMain\" name=\"hdrMain\" data-nobackbtn=\"true\">
<h1>Options</h1>
</div>
<center>
<div data-role=\"content\" id=\"contentMain\" name=\"contentMain\">
<form id=\"form1\">
<div data-role=\"controlgroup\">
<a href=\"results.jsp\" data-role=\"button\" >Quiz</a>
<a href=\"index.html\" data-role=\"button\" >No</a>
<a href=\"index.html\" data-role=\"button\" >Maybe</a>
</div>
</div><!-- contentMain -->
</center>
</div> <!-- page1 -->
<!-- Page ends here -->
</body>
</html>
解决方法
如果您不想使用AJAX导航,请在a-tag上使用以下任何属性
rel =外部
目标(具有任何值,例如\“ _ blank \”)
参见http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-navmodel.html
如果您需要更深入地了解jQuery Mobile中的导航,请查看此有用的指南
http://jqx.ca/nav/
, 这就是jQuery Mobile的工作方式。如果浏览器支持AJAX,则所有请求都将使用ajax提取并由jQuery Mobile管理。
请阅读文档的前几章。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。