ナビゲータバーに表示されたjquery mobileのURLを制御する方法

Question

1つの静的URLでのみ動作するjQuery Mobileアプリケーションを開発しています。

mobileinitイベントで$.mobile.changePage.defaults.changeHash = falseを使用すると、他のページに移動するリンクをクリックするとうまく動作し、URLは変更されません。しかし、hashTagで完全なURLを入力すると、URLが変更されます。たとえば、http://www.example.com/home/index#catelog/listsのようなURLをナビゲータバーに入力すると、URLはhttp://www.example.com/catelog/listsに変わります。この場合、$.mobile.changePage.defaults.changeHash = falseは動作しません。

jQuery Mobileをまだ表示するには、どうすればhttp://www.example.com/home/indexを表示できますか？頭で

Answer 1

：

<script type="application/javascript" src="js/libs/jquery-1.11.2.min.js"></script> 
<script> 
    window.addEventListener('DOMContentLoaded', function() { 
     if (window.history && window.history.pushState) 
      window.history.pushState('', '', window.location.pathname) 
     else 
      window.location.href = window.location.href.replace(/#.*$/, '#'); 
    }, true); 
    $(document).on('mobileinit', function() { 
     // If you need it: 
     $.mobile.hashListeningEnabled = false; 
     $.mobile.pushStateEnabled = false; 
     $.mobile.changePage.defaults.changeHash = false; 
    } 
</script> 
<script type="application/javascript" src="js/libs/jquery.mobile-1.4.5.min.js"></script>