Question

在这个示例中，我们设法使后退按钮工作，但前进按钮似乎是一个问题：当它被按下时它不起作用。

这是页脚条码：

<div data-role="footer" id="footer" data-theme="d" data-position="fixed">
    <div data-role="navbar" data-iconpos="left">
        <ul>
           <li>
               <a data-rel="back" data-icon="back" data-direction="reverse">Back</a>
          </li>
          <li>
              <a data-rel="forward" data-icon="forward" data-direction="forward">Fwd</a>
          </li>
         </ul>
     </div>
 </div><!-- Mobile Footer -->

JavaScript的：

$(window).on("navigate", function(event, data) {
    alert(data.state.url);
});

在浏览器中，如果单击后退和前进按钮，则可以看到两个按钮的警告消息。

在jQuery Mobile页面中，当我单击后退按钮时，我可以看到警告消息。但是当我点击前进按钮时，我看不到警告信息。

您是否可以检查上述代码并告诉我如何使前进按钮正常工作？

感谢。

Answer 1

#bodyText p { word-wrap: break-word; }按钮不起作用，因为jQuery Mobile中不存在forward（您可以查看data-rel="forward" here的文档。）

然而，您可以自己模拟浏览器前进按钮添加此功能：

data-rel

如何在jQuery Mobile中制作前进按钮

1 个答案: