0

simpleCart(js) の「beforeAdd」イベントを複数のオプションで機能させるのに苦労しています。
3 つのドロップダウン メニューがあり、すべてのオプションが nul 以外の値を満たしていない場合、アイテムが (カートに) 追加されないようにする必要があります。
1台なら大丈夫ですが、複数台はどうでしょうか？

単一オプションの場合:

<script>
simpleCart.bind( 'beforeAdd' , function( item ){
if( item.get( 'size') === 'nul'){
return false; 
}
});
</script>


ドロップダウン:

    <div class="simpleCart_shelfItem">
    <p>
    <h2 class="item_name" style="display:none">TEST</h2>
    <select id="sizeSelect" class="item_size">
    <option value="nul">Please choose size</option>
    <option value="Small">Small</option>
    <option value="Medium">Medium</option>
    <option value="Large">Large</option>
    <option value="Super Brain">Super brain</option>
    </select>
    <select id="shippingSelect">
    <option value="nul">Please choose shipping</option>
    <option value="ups">UPS Standard 25€&lt;/option>
    <option value="mail">Standard Mail 10€&lt;/option>
    </select>
    <select id="destinationSelect" class="item_price">
    <option value="nul">Please choose destination</option>
    <option value="290.00">EU</option>
    <option value="220.00">World</option>
    </select>
    </p>

    <p><button class="item_add">Add to Cart</button></p>

更新 John Rummel から提供された次のアラート スクリプトも使用しています。

<script type="text/javascript">
 $('.item_add').click(function () {
 if($('#sizeSelect').val().match(/nul/)) return alert("Please choose a size");
 if($('#shippingSelect').val().match(/nul/)) return alert("Please choose shipping type");
 if($('#destinationSelect').val().match(/nul/)) return alert("Please enter a destination");
 });
 </script>

たぶん、これに何かを追加できますか？

4

1 に答える 1

0 
    $(".item_add").on("click", function(e) {
      if(e.target.attr("value") == 'nul') return false;
    });

これを試して。イベントをキャッチし、式が真でない場合はバブリングを停止します

于 2013-09-17T14:02:21.170 に答える