多个Spinner元素？

Question

我想在购物车上安装微调元素来选择数量。像这个： http://jqueryui.com/spinner/

问题是微调器布局应用于id =“spinner”的输入字段，但是如何为每个产品设置多个输入字段？

这样做只有第一个字段具有微调器布局：

<form action="shopping:cart.php" >
quantity 1: <input  id="spinner"><br>
quantity 2: <input  id="spinner"><br>
<input type="submit" value="Submit">
</form>

Answer 1

您不能拥有重复的id属性，因为这意味着页面的HTML无效，并导致JS出现问题。

使用类进行分组：

<form action="shopping:cart.php" >
    quantity 1: <input class="spinner"><br>
    quantity 2: <input class="spinner"><br>
    <input type="submit" value="Submit">
</form>

然后，您需要更改jQuery选择器以识别此类：

$('.spinner').spinner();