Question

下面的代码似乎没有正确重定向。代码位于名为options.html的html文件中，当我单击“测验”时，导航到的URL是/options.html#results.jsp。重定向网址不应该是/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>

Answer 1

这就是jQuery Mobile的工作原理。如果浏览器能够使用AJAX，则所有请求都使用ajax获取并由jQuery Mobile管理。

请阅读文档的前几章。

Answer 2

如果您不想使用AJAX导航，请在a-tag

上使用以下任何属性

相对=外部
目标（包含任何值，例如“_blank”）

请参阅http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-navmodel.html

如果您需要更深入地了解jQuery Mobile中的导航，请查看此有用的指南

http://jqx.ca/nav/

控制组中的按钮未按预期重定向 - jQuery mobile

2 个答案: