jQuery Mobile：戻るボタンはangularjsでしか動作しません

Question

jQueryモバイルをベースとした非常に複雑なシングルページアプリケーションがあり、現在は一部の部品でangularjsを使用しています。すべてが完璧に動作しますが、私はdata-rel = "back"ボタンでもうナビゲートできません。私はルーティングのためにangularjsを使用していません。

の例では、ここで見ることができます：PAGE 1/2ページボタンをクリックする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> 

は、他のページが表示されます。角がなければ、下のボタンをクリックして最後のページに戻ります。角度が含まれていると、それ以上は機能しません。何かヒント？本当にありがとう！

Answer 1

これを私のコードに追加しました。なぜ私はこれをしてはいけないのですか？

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