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);
    }); 
}

P.S我正在使用maj up ajax形式。

谢谢

Answer 1

这是因为您要在load

中替换您的表单

您可以使用事件委派来使其正常工作

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

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