Question

我有一个基于jQuery mobile的非常复杂的单页面应用程序，我现在正在为某些部分使用angularjs。一切都很完美，只有我无法再使用data-rel =“后退”按钮返回。我没有使用angularjs进行路由。

这里可以看到一个例子：http://jsfiddle.net/944cb0mp/4/

<div ng-app="fooApp">
  <div data-role="page" id="page1">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
      <h1>My page 1</h1>
    </div>
    <div role="main" class="ui-content">
      <p>CONTENT {{vara}}</p>
      <input name="a" ng-model="vara" />
      <a data-role="button" href="#page2">Direct link to Page 2</a>
      <a data-role="button" data-rel="back">Back-link</a>
    </div>
    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
      <h1>My page footer PAGE 1</h1>
    </div>
  </div>
  <div data-role="page" id="page2">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
      <h1>My page 2</h1>
    </div>
    <div role="main" class="ui-content">
      <p>CONTENT {{varb}}</p>
      <input name="b" ng-model="varb" />
      <a data-role="button" href="#page1">Direct link to Page 1</a>
      <a data-role="button" data-rel="back">Back-link</a>
    </div>
    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
      <h1>My page footer PAGE 2</h1>
    </div>
  </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script>
  var fooApp = angular.module('fooApp', []);
</script>

单击PAGE 1 / PAGE 2按钮可以进入另一页。没有角度，你可以点击下面的按钮，它会带你回到最后一页。包含角度，这不再起作用。任何提示？非常感谢！

Answer 1

将此添加到我的代码中。我不应该这样做的任何理由？

jQuery(document).ready(function () {
    $('[data-rel=back]').click(function () {
        window.history.go(-1);
        return false;
    });
})

jQuery mobile：后退按钮不支持仅包含angularjs

1 个答案: