javascript - 如何使用 jQuery 进行后期绑定(bind)？

Question

我有一个通过 XHR 引入的表单，我需要能够在其上绑定(bind)一个事件以供提交。我已经下载了 jquery.form.js 插件。执行后期绑定(bind)的最佳方式是什么，以便我可以执行以下操作:

 $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('#myForm').ajaxForm(function() { 
            alert("Thank you for your comment!"); 
        }); 
    }); 

不幸的是，由于当 DOM 首次填充时表单不可用，因此这将不起作用。

** 编辑 **

我已经尝试在通过 XHR 检索表单后绑定(bind)到表单，但运气不佳。这是它的样子:

 $.get("foo.php", function(data) { 
    $('#my_form').ajaxForm(function() { 
         alert("Thank you for your comment!"); 
     });
});     

Answer 1

引入 jQuery 1.3 "Live" events ，它将绑定(bind)到由选择器定义的任何当前和 future 元素。

我没有对它们做任何事情，但你应该能够做这样的事情似乎是合理的:

$(document).ready(function() {
    $('form').live("ready",function() {
        alert("Something");
    });
});

不确定就绪事件在这种情况下是否真的有效，但似乎值得一试。