Framework7步进器按钮不起作用

时间:2018-07-12 12:11:01

标签: javascript html5 web-applications html-framework-7

我在基于Framework7的移动Web应用程序中插入了步进器:

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

但是,用于增加/减小值的两个加/减按钮不起作用...是否需要将它们初始化?还是我应该为这些按钮自己编写onclick处理程序?

(当然,我查看了Framework7厨房水槽示例-那里没有发现手动onclick处理的指示;步进器位于窗体内,并且该应用程序已正确初始化且可以正常工作;否则)-) / p>

1 个答案:

答案 0 :(得分:0)

我认为我已经解决了这个问题:尝试使用多页应用程序,将<div class="page">包裹在<div class="pages">元素中-这似乎干扰了步进器的初始化。

一旦我移除了<div class="pages">(在<div class="page">内只剩下一页),步进按钮就起作用了。