有人实现了jQuery移动加（+/-）按钮数字增量器吗？

Question

这似乎是移动 UI 框架中“必备”的表单输入项，但 jQuery Mobile 似乎没有这样的组件。

是否有人实现了一个漂亮的数字微调器表单输入项，并能与其他 jQuery Mobile 表单输入项很好地协同工作？

类似于这样：

- Daniel Alexiuc

---

我正在寻找同样的东西...你找到类似上面图片的东西了吗？JQM的“数字”控件不太适合大手指。 - chris

Answer 1

可能已经晚了，不过： http://dev.jtsage.com/jQM-Spinbox/ - 基本上是根据您展示的内容制作的，支持jQM主题，最小/最大值。

- J.T.Sage

---

干得好！你最近做的吗？我在你的主页上找不到它。 - Daniel Alexiuc

是的，就在昨天。我需要一个更简单的插件来完成我正在处理的教程，这个看起来可以一举两得。（http://dev.jtsage.com/jQM-Plugin/ fwiw. 在某些地方仍然有点粗糙） - J.T.Sage

我在你们的论坛上问过，但为了安全起见，我想在这里问一下，有没有简单的方法使它垂直堆叠？ - aron.duby

Answer 2

虽然不完全相同，但使用 type="number" 的 input 可以在右侧给出两个小按钮（向上和向下），用于输入数字。

您可以在此处查看示例。

- Pablo

---

在移动设备上，它不会给你两个箭头。 - marlar

Answer 3

目前只有滑块输入。

- codaniel

Answer 4

发现了这个：http://css-tricks.com/number-increment-buttons/

- chris

---

那些很丑。 - Jen Born

Answer 5

<i onclick="qty('plus');" class="fa fa-plus c_pointer"></i>
<input type="text" id="prdqty" name="qty" value="1" placeholder="1">
<i onclick="qty('minus');" class="fa fa-minus c_pointer"></i>



function qty(val){
pqty = $('#prdqty').val();
if (val == "plus") {
      var newVal = parseFloat(pqty) + 1;
    } else {
    if (pqty > 1) {
      var newVal = parseFloat(pqty) - 1;
    } else {
      newVal = 1;
    }
}
$('#prdqty').val(newVal);
}

- SirajuddinLuck