Jquery plugins 在jquery中将函数/类传递给ajax加载的DOM元素

Jquery plugins 在jquery中将函数/类传递给ajax加载的DOM元素,jquery-plugins,jquery,Jquery Plugins,Jquery,好的,我已经编写了一些类/函数,它们允许我将特定行为绑定到某些DOM元素。我想将某些元素的所有行为组合在一起,因此我创建了一个插件/函数,它使用委托来设置我想要的所有功能。例如,假设我希望我的所有表单在提交之前都通过验证检查,并且我还希望在有人存在输入字段时显示一些文本(这些只是示例)。因此,我编写了自己的表单插件来自动处理所有这些功能。它可能看起来像这样: jQuery.fn.myFormPlugin = function(options){ this.each(function(){

好的,我已经编写了一些类/函数,它们允许我将特定行为绑定到某些DOM元素。我想将某些元素的所有行为组合在一起,因此我创建了一个插件/函数,它使用委托来设置我想要的所有功能。例如,假设我希望我的所有表单在提交之前都通过验证检查,并且我还希望在有人存在输入字段时显示一些文本(这些只是示例)。因此,我编写了自己的表单插件来自动处理所有这些功能。它可能看起来像这样:

jQuery.fn.myFormPlugin = function(options){
    this.each(function(){
        $(this).submit(function(event){
            blah blah blah...
        });

        $(this).children("input").bind("focus",function(){
            blah blah blah...
        });
    });
}
然后,当页面加载时,我只需通过以下方式调用它:

$("form.mySpecialForm").myFormPlugin();
所有这些都很有效。但是现在我要说的是,我正在通过Ajax加载其中一些表单。如何将插件自动绑定到所有表单,无论是正常加载还是通过ajax加载?我不相信我可以使用bind、delegate或live,因为它们不能与“load”事件关联,所以我被卡住了。我想我可以在ajax加载中调用插件作为成功回调的一部分,但是接下来我必须对每个ajax加载单独进行调用

我还有其他插件可以以类似的方式用于其他DOM元素,比如标签、手风琴等等,所以我正在寻找一种整体的方法


非常感谢。您可以添加自定义事件,然后在需要时触发这些自定义事件

演练示例: