我的页面上有几个动态创建的表单,每个表单都有一个 jQuery 提交事件:
$('table').on('submit','form',function(e){
e.preventDefault();
console.log('hello');
var form = $(e.target);
if(typeof operation != 'undefined'){
operation.abort();
return;
}
var operation = $.ajax(
//rest of my logic
)l
});
<form action="/update_cart/12" method="post">
<input name="utf8" type="hidden" value="✓">
<input class="quantity_field text_field" id="quantity" name="quantity" type="text" value="1">
</form>
问题是表单提交事件为选择器中的每个表单触发一次,并启动使服务器超载的 ajax。我怎样才能让它只有我点击的表单触发ajax?