jquery - 从 AJAX 提交中排除表单

Question

我正在使用 AJAX 提交位于 div #cart-container 内的两个表单。

我不想在该 div 内通过 AJAX 提交第三种表单。

我尝试只针对表单，但由于某种原因，我能够使代码正常工作的唯一方法是调用以下代码:

$('#cart-container').on('submit','form',function() {
    $(this).ajaxSubmit({
        beforeSubmit: function() {
            $('#purchase-submissions, .cart').fadeTo('fast', 0.3);
        },
        success: cart
    }); 
    return false; 
});

function cart() {
    var path = '/enter/embed-cart';
    $('#cart-container').load(path, function() {
        $('#purchase-submissions, .cart').fadeTo('fast', 1);
    }); 
}

如果我只定位该行中的两个表单，就像这样，它只会调用 AJAX 一次。

$('#add_cart_form, #update_form').on('submit',function() {

谁能告诉我如何从通话中排除一个表单？

谢谢。

Answer 1

你可以这样做:

$('#cart-container').on('submit', 'form', function (event) {
    if (event.target.id == 'formID') return;
    // Your ajax call code here
});

此处，formID 是您要从 AJAX 提交中排除的表单的 ID。

此外，您可以尝试以这种方式定位这两种表单:

$('#cart-container').on('submit','#add_cart_form, #update_form',function() {