通过 Ajax 加载到 jquery-ui 选项卡中的验证表单

Question

我正在使用 jquery-ui 选项卡示例来添加额外的选项卡。我更改了该代码以便能够添加通过 Ajax 加载表单的选项卡。我能够创建它只是改变这些：

var $tabs = $( "#tabs").tabs({
    cache: true,
    tabTemplate: "<li><a href='formularioAgricola.php' id='#{label}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>"
    //ajaxOptions: a        
});

所以我更改了 tabTemplate 以始终加载相同的表单。

我的问题是我不确定如何检索，要么告诉该表单中的每个标签都使用 jquery-ui 的东西，如按钮、日期选择器等。

在常规形式中，我会执行以下操作：

$("#btnRevisar").button()

但是当我们谈论通过 Ajax 加载表单时，情况就不同了。

另外，如果它们都以相同的名称命名，我该如何尝试将一种形式与另一种形式区分开来，有可能吗？

谢谢大家

卡洛斯。

Answer 1

在选项卡文档页面中，标题为“事件”的选项卡有一个“加载”事件。 “ui”参数使您可以访问包含当前加载的面板的对象。如果您在表单上使用相同的 ID，请注意 ID 在页面中必须是唯一的。

var $tabs = $( "#tabs").tabs({
    cache: true,
    tabTemplate: "<li><a href='formularioAgricola.php' id='#{label}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>",

    /* add new option for load event*/

    load: function( event, ui){
        var $currTabContentPanel=$(ui.panel);
        /* only look in currently loaded content for formClass*/
        $currTabContentPanel.find('.formClass').doSomething()

    }

});