simpleCart(js) 'beforeAdd' 事件用于多个项目
simpleCart(js) 'beforeAdd' event for multiple Items
我正在努力使simpleCart(js)"beforeAdd"事件适用于多个选项。
我有 3 个下拉菜单,如果不是所有选项都满足除 nul 之外的一些值,我需要阻止任何项目添加(到购物车)。
一个工作正常,但多个呢?
对于单个选项:
<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€</option>
<option value="mail">Standard Mail 10€</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>
更新我还使用以下警报脚本 do me 由 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>
也许可以添加一些东西?
$(".item_add").on("click", function(e) {
if(e.target.attr("value") == 'nul') return false;
});
试试这个。抓住事件,如果你的表情不真实,就停止冒泡
相关文章:
- Javascript中的列表,用于添加和显示所有项目
- jquery ias插件不适用于我的网站,加载更多项目不起作用
- 将Jenkins用于基于Gulp的项目
- 使用jquery将html文件加载到html中,用于离线/本地项目
- 将jquery插件应用于angularJS ng repeat中的新项目
- 范围$手表项目doens'不适用于javascript对象的字段
- 将 Netbeans Ide 用于不带 Java 的 HTML 项目
- 事件列表器不适用于追加的项目
- 如何将一个函数用于多个项目 JEditable/JQuery
- jquery :bxSlider 轮播活动类,用于所有显示项目(非单个)
- 如何使用 Backbone.Marionette 构建用于将项目创建到列表中的应用程序
- AngularJS指令,用于检查复选框列表中是否至少选中了一个项目
- 节点 - Express + Ember + Socket io项目文件结构,用于MVC开发
- 用于使用 Tab 键选择项目的事件
- 我可以在用于桌面AIR应用程序的Adobe Flex项目中使用JavaScript库,例如turn.js
- 用于多个目录项目的单个 RequireJS 优化器文件
- simpleCart(js) 'beforeAdd' 事件用于多个项目
- AngularJs:错误:用于配对项目的自定义筛选器引发错误:“达到 10 次 $digest() 迭代.流产!
- 将 emacs 用于大型多文件 JavaScript 项目
- 用于项目列表的UI-Router