时间戳

首页 > 解决方案 > Framework7 在更改前进行确认切换

html-framework-7 - Framework7 在更改前进行确认切换

问题描述

我想使用 Framework7 创建一个切换，用户应该在关闭切换之前确认（并且仅在关闭时，而不是在打开时 - 也许这是相关的）。我的切换是这样创建的：

var toggle = app.toggle.create({
  el: '#myToggle',
  on: {
    change: function() {
      if (toggle.checked) {
        // let user confirm to uncheck toggle before
      } else {
        // check toggle and do something
      }
    }
  }
});

任何帮助表示赞赏:)

标签： html-framework-7

解决方案

由于无法为切换添加确认，我刚刚创建了两个看起来像切换的分段按钮：

<div class="list no-hairlines">
  <ul>
    <li class="item-content">
      <div class="item-inner">
        <div class="item-title">My Toggle</div>
        <div class="segmented segmented-strong toggle-buttons">
          <button id="btn-toggle-off" class="button button-small">off</button>
          <button id="btn-toggle-on" class="button button-small button-active">on</button>
          <span class="segmented-highlight"></span>
        </div>
      </div>
    </li>
  </ul>
</div>

然后在点击事件中我只是调用一个确认：

$$('#btn-toggle-off').on('click', function(evt) {
  app.dialog.confirm(text, title, callbackOk, callbackCancel);
}

在callbackOk中，我切换按钮活动类：

$$('#btn-toggle-off').addClass('button-active');
$$('#btn-toggle-on').removeClass('button-active');

推荐阅读