Question

我的移动应用中有一个页面，我有一个包含6个选项的分段控件。我希望用户能够单击任何这些选项并查看该内容。问题是，我不希望用户多次单击后退按钮返回页面。有没有办法覆盖后退按钮导航到的位置？我正在使用OnsenUI /

<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>

Answer 1

假设您使用的是版本2，以下文档将为您提供帮助：

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

这通常是这样使用的：

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

随意输入您想要的任何代码或调用导航功能的空函数。

Answer 2

为什么不使用ons-tab-bar（或创建类似的东西）并更改其样式以创建6段选项？

https://onsen.io/v2/docs/js/ons-tabbar.html

覆盖ons-back-button的目的地

2 个答案: