2016-07-19 10 views
0

私は6つのオプションでセグメントコントロールを持っている私のモバイルアプリケーションのページを持っています。ユーザーがこれらのオプションのいずれかをクリックしてそのコンテンツを見ることができるようにしたい。問題は、ユーザーが戻るボタンを複数回クリックしてページを戻す必要がないようにすることです。戻るボタンがナビゲートする場所を上書きする方法はありますか?私はOnsenUIを使用しています/ons-back-buttonの宛先をオーバーライドします

<div class="navigation-bar bar"> 
    <div class="navigation-bar__center"> 
     <div class="button-bar"> 
     <div class="button-bar__item"> 
      <input type="radio" name="navi-segment-a" checked> 
      <div class="button-bar__button"> 
       <div class="animated fadeIn">1</div> 
      </div> 
     </div> 
     <div class="button-bar__item"> 
      <input type="radio" name="navi-segment-a"> 
      <div class="button-bar__button"> 
       <div class="animated fadeIn">2</div> 
      </div> 
     </div> 
     ... 
     </div> 
    </div> 
</div> 
+0

私はこれについてやり方を変えました。しかし、私は今、新しいしかし同様の問題に直面しています。私は私の見解のトップに6つのリンクを持っています。各ビューは同じビューにリンクされますが、表示されるデータを変更するために異なるパラメータが使用されます。問題は、ユーザーがn個の画面をクリックすると、戻るボタンをクリックすると各画面に戻るという問題です。特定のビュー(#/ thispage/thisview)に行くためにons-back-buttonアクションをオーバーライドしたいと思います。 –

答えて

0

バージョン2を使用していると仮定は、以下の文書はあなたを助けます:

https://onsen.io/v2/docs/js/ons.html#method-setDefaultDeviceBackButtonListener

これは、一般的に次のように利用されている:

ons.ready(function() { 
    ons.disableDeviceBackButtonHandler(); 
    document.addEventListener('backbutton', function() {}, false); 
}); 

必要なコードやナビゲーション機能の呼び出しを空の関数に自由に入れてください。

+0

私は2.xを使用していません –

+0

今は複数のバージョンがあるので、あなたの質問にあなたのプラットフォームを指定すると多くの役に立ちます。 – Munsterlander

関連する問題