jquery - jQuery .load() 只被调用一次

Question

我进行了很好的搜索，找到了这个问题的几个答案，尝试了最多，但无法弄清楚为什么没有一个解决方案有效。

在表单中的任何提交上，load() 调用都有效，但任何后续提交都使用标准 http 请求，而不是 ajax 调用。

谁能看看我的代码并告诉我这是什么原因？

$('#cart-container form').on('submit',function() {
    $(this).ajaxSubmit({
        success: cart
    }); 
    return false; 
});

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

PS我正在使用mals up ajax表单。

谢谢

Answer 1

那是因为你正在替换你的表格load

您可以使用事件委托使其工作

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

• http://learn.jquery.com/events/event-delegation/