Framework7 步进按钮不工作

Question

我在基于 Framework7 的移动网络应用程序中插入了步进器：

        <div class="stepper stepper-init">
          <div class="stepper-button-minus"></div>
          <div class="stepper-input-wrap">
            <input type="text" value="0" min="0" max="100" step="1" readonly>
          </div>
          <div class="stepper-button-plus"></div>
        </div>

但是，in/decreasing 值的两个 plus/minus 按钮不起作用...它们需要初始化吗？还是我应该自己为这些按钮编写 onclick 处理程序？

（当然，我查看了 Framework7 厨房水槽示例 - 我没有发现手动点击处理的指示；步进器放置在表单内，应用程序已正确初始化并且运行良好，否则；- )

Answer 1

我想我已经解决了：尝试使用多页应用程序，我将 <div class="page"> 包裹在 <div class="pages"> 元素中 - 这似乎干扰了步进器初始化。

我一删除 <div class="pages">（在 <div class="page"> 中只留下一个页面），步进按钮就起作用了。

Framework7 步进按钮不工作

Framework7 Stepper buttons not working

html

javascript

web-applications

html-framework-7