div の値をカウントするスクリプトに取り組んでおり、その値に基づいて、さまざまなクラスとテキストが他の div に追加されます。金額は在庫数です。
基本的に、値が =0 の場合、クラス .out を追加し、テキストを「在庫切れ」に変更します。値が <5 の場合、クラス .few-left を追加し、テキスト「残り 5 未満!」を追加します。5 つ以上の場合は、クラス .in-stock とテキスト「在庫あり!
引っ掛かりはありますが、同じ記事の複数のバリエーションにより、ページが読み込まれずに値が変化する場合があります。したがって、一方の記事の値が 4 で、もう一方の値が 10 で、3 番目の記事が 0 で、在庫切れである可能性があります。これらのバリエーションがリストされているのと同じように、バリエーションのホバリング サムネイルでこの変更が行われます: http://www.feelunique.com/p/ Bare-Escentuals-id-SPF15-Matte-Foundation-Lockable-Sifter-6g
いわば「ライブ」の値の変化を追跡することは可能ですか。その値を監視したいのですが、異なるブレークポイントを超えたり下回ったりする場合は、クラスを新しいクラスに置き換えてください。
3 つの異なるシナリオで html がどのように見えるかの例
<div class="stock-value">4</div>
<div class="stock-message few-left">Less than 5 left!</div>
<div class="stock-value">9</div>
<div class="stock-message in-stock">In stock!/div>
<div class="stock-value">0</div>
<div class="stock-message in-stock">Out of stock/div>
私はこのようなことを試しました：
jQuery('.stock-wrap').each(function() {
var Saldo = jQuery('.stock-value').val();
if(Saldo <= 5){
jQuery('.stock-message').text('Less than 5 left!');
jQuery('.stock-message').addClass('few-left');
}
});
これは変化を監視するものではありませんが、残念ながら私の jQuery スキルはまだこのレベルに対応していません。
どんな種類の助けにも感謝します！
ベスト・リッカード