jquery-ui - 如何获取 Jquery UI Tabs 中选定的选项卡面板元素？

Question

问题。我有多个选项卡，它们的内容是通过ajax加载的，因此选项卡面板的div id是动态分配的。我有一个表格，由this jquery plugin ajaxified通过绑定(bind)到 tabs.load 事件的回调函数，我向它传递一个参数 ui.panel，以便 ajaxForm() 知道加载结果的目标:

function initAjaxForms(loadtab)
{
   $('form').ajaxForm({target:loadtab, success:initAjaxForms});
} 

这工作正常，除了当我提交表单并且 PHP 将其返回为无效时，我无法再使用 ajaxify 它(当然，该函数是在没有 loadtab 参数的情况下调用的)。完美的解决方案是为选项卡提供更多选项，以便我可以执行以下操作:

function initAjaxForms()
{
   var selected = $('tabs').tabs('option', 'selectedpanel');
   $('form').ajaxForm({target:selectedpanel, success:initAjaxForms});
} 

但这显然不是它。有什么想法吗？

Answer 1

选择未使用 .ui-tabs-hide 隐藏的 .ui-tabs-panel:

var selectedPanel = $("#tabs div.ui-tabs-panel:not(.ui-tabs-hide)");