ページにいくつかの動的に作成されたフォームがあり、それぞれに 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>
問題は、フォーム送信イベントがセレクター内のフォームごとに 1 回発生し、サーバーを過負荷にしている ajax を開始することです。クリックしたフォームだけが ajax を起動するようにするにはどうすればよいですか?