jQuery mobile: Back-button не работает с включенными только угловыми

Question

У меня довольно сложное одностраничное приложение, основанное на мобильном устройстве jQuery, и теперь я использую angularjs для некоторых частей. Все работает отлично, только я больше не могу вернуться с помощью кнопки «rel-back». Я не использую 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> 

Нажатие на СТР 1/PAGE 2 кнопки приведет вас на другую страницу. Без углового вы можете нажать на кнопку ниже, и она вернет вас на последнюю страницу. С угловым включением, это больше не работает. Любые намеки? Спасибо!

Answer 1

Добавил это в мой код. Любые причины, по которым я не должен этого делать?

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