控件组中的按钮未按预期重定向-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管理。请阅读文档的前几章。

-jquery 按钮按钮控件控件未按重定向重定向预期