0

ユーザーがスライダーを使用して、購入したいアイテムの数量を選択する Web ページがあります。

スライダーで選択された数量に応じて、合計価格のユニークな div が表示されます。ここで、同じ ID を持つ別の div を追加したいと思います。この div には、数量と「[数量] 今すぐ購入」ボタンが表示されます。

同じIDで2つのdivを同時に表示するにはどうすればよいですか? それは不可能だと思いますが、回避策はありますか？2 div である必要はありません。「2」または「1 and 1」でもかまいません。

ということで、まとめます。Web ページのいくつかの場所に jquery スライダーの値を表示したいと思います。どうやってやるの？

ここに私が使用するスライダーがあります: jsFiddle DEMO


よろしく、
トバイアス

4

1 に答える 1

0

2 つの ID を使用することはできません。目標を達成するには、クラスを使用する必要があります。

の

<div id="1" class="colors"...

使用する

<div id="1" class="colors v1"...

この場合v1はあなたの身分証明書です

そして、jquery で同じクラスを持つ 2 つの要素がある場合は、それらを次のように使用できます。$('.v1').show()

あなたのコードによれば、それは次のようです

 $('#range-start').change(function() {
        $('.colors').hide();
        $('.v' + $(this).val()).show(); //#-> .v
    });

そして、divにはクラスv1 ... v10が必要です

こちらをご覧ください

于 2012-10-15T22:15:28.817 に答える