多個Spinner元素？

Question

我想要在我的購物車上添加微調元素以選擇數量。像這樣的： http://jqueryui.com/spinner/

問題是微調佈局應用於使用id =「微調」一個輸入框，但我怎麼可以有多個輸入字段，每一個產品？

這樣做只是第一場將有微調佈局：

<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();