jQueryの量（入力のval）+/- ここでIE7

Question

に取り組んでいないボタンに私のコードです：http://jsfiddle.net/9Vvpj/4/

これは正常に動作し、なぜ私はIE7以外EVERYTHINGに把握助けてください！

それは私の変数のようになります。あなたは、単一のドキュメント上で複数のIDを持つことはできません

Answer 1

を行う代わりに、

<div id="CartProduct-118" class="quantityDown">-</div> 

の、あまりにもHTMLを更新しました。それをサポートするブラウザでさえ、DOMがどのように動作するはずではありません。

、あなたの入力を見つけるために、このコードを使用する場合も、IDは必要ありません。

var quantity_input = $(this).parent().siblings(".quantity") 

また、明示的に番号で作業していることを指定することをお勧めします：

var quantity = parseInt(quantity_input.val()); 

IE7に切り替えるには、開発者ツールを使用している場合、このメソッドは動作することに注意してください： http://jsfiddle.net/9Vvpj/5/

Answer 2

var quantity = quantity_input.val(); 

が定義されていない - ....あなたのコードが動作しない理由がある

代わりにこれを試してください：

これはdata() functionを使用して ' HTML内の「input」プロパティを使用します。私は、異なる要素に同じIDを使用しないでください

<div data-input="CartProduct-118" class="quantityDown">-</div> 

Working exmaple

Answer 3

私はあなたがこのコンポーネントに切り替えることをお勧め： http://view.jqueryui.com/master/demos/spinner/default.html

それはあなたがCSSにこれを追加する必要がWebKitのブラウザで動作させるために：

   input[type=number]::-webkit-inner-spin-button, 
       input[type=number]::-webkit-outer-spin-button 
       { 
        -webkit-appearance: none; 
        margin: 0; 
       }