Framework7 步进按钮不工作
Framework7 Stepper buttons not working
我在基于 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 厨房水槽示例 - 我没有发现手动点击处理的指示;步进器放置在表单内,应用程序已正确初始化并且运行良好,否则;- )
我想我已经解决了:尝试使用多页应用程序,我将 <div class="page">
包裹在 <div class="pages">
元素中 - 这似乎干扰了步进器初始化。
我一删除 <div class="pages">
(在 <div class="page">
中只留下一个页面),步进按钮就起作用了。
我在基于 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 厨房水槽示例 - 我没有发现手动点击处理的指示;步进器放置在表单内,应用程序已正确初始化并且运行良好,否则;- )
我想我已经解决了:尝试使用多页应用程序,我将 <div class="page">
包裹在 <div class="pages">
元素中 - 这似乎干扰了步进器初始化。
我一删除 <div class="pages">
(在 <div class="page">
中只留下一个页面),步进按钮就起作用了。