ajax 加载内容后，jQuery 提交未捕获提交事件

Question

我使用 jQuery Ajax 加载函数将内容加载到弹出窗口，并在加载函数回调函数中使用提交函数，但由于某种原因，事件根本没有触发。 (我使用 jQuery jquery-1.3.2.min.js)

$('.popup-container').load(url, function(){ 
    /** Do some stuff here */
    $("form").submit(function() { 
        alert("Form submitted!");       
        return false;
    });
});

Answer 1

更新

从 jQuery 1.7 开始，.live()方法is deprecated 。它将在 jQuery 1.9 中被删除。使用.on()附加事件处理程序。旧版本 jQuery 的用户应使用 .delegate()优先于 .live()。

<小时/>

原始答案

您可以使用 jQuery 方法 live() 来修复此问题。 jQuery 1.4 中已添加将 live() 与 submit() 结合使用，因此您应该获得更新。 Here is a video tutorial on using live() with submit() 。

使用 live 函数时，您的代码应如下所示:

$("form").live('submit' , function() { 
    alert("Form submitted!");       
    return false;
});

$('.popup-container').load(url);