Как получить выбранный элемент панели вкладок в вкладках JQuery UI?

Question

Проблема. У меня есть несколько вкладок, их содержимое загружается через ajax, поэтому панели id div на вкладках назначаются динамически. У меня есть форма в одном, ajaxified по this jquery plugin функцию обратного вызова, связанного с событием tabs.load я передать ему один параметр, ui.panel, так что ajaxForm() знает, где цель, чтобы загрузить результат:

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

Это отлично работает, ЗА ИСКЛЮЧЕНИЕМ, когда я отправляю форму, и PHP возвращает ее как недействительную, я больше не могу ее использовать (конечно, функция вызывается без параметра loadtab). идеальным решением было бы иметь больше возможностей для вкладок, чтобы я мог сделать что-то вроде этого:

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

но это, очевидно, не так. Есть идеи?

Answer 1

Выберите .ui-ушки-панель, которая не скрыта с .ui-закладками скрытием:

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

Answer 2

В конце концов я понял это с небольшой хак, но я чувствую, что это не идеальное решение:

function initAjaxForms() 
{ 
    var selected = $('#tabs').tabs('option', 'selected'); 
    var selectedtab = '#tabs > div:eq('+selected+')'; 
    var selectedtabelement = $(selectedtab).get(0); 

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

} 

кто с лучшей идеей?

Answer 3

Я был с этой самой проблемой, и в то время как это старый вопрос, это тот, который привел меня к этому ответу, который работает:

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

Answer 4

function getSelectedTab(tabID){ 
    return $(tabID).find($(tabID+" .ui-tabs-nav .ui-tabs-selected a").attr('href')); 
} 
var selectedPanel = getSelectedTab('#tabs'); 

Это один получит вас объект выбранной вкладки панели.

Answer 5

Вот более простой вариант:

function getSelectedTab(tabID){ 
    return $(tabID).find("[aria-expanded=true]"); 
} 

var selectedPanel = getSelectedTab('#tabs'); 

Answer 6

Может быть jqueryUI изменилось, принятый ответ не работает для меня. Вот что работает:

$("#tabs div.ui-tabs-panel[aria-hidden='false']") 

Answer 7

От http://api.jqueryui.com/tabs/#option-active вы можете сделать это:

var activeTab = this.$tabs.tabs("option", "active"); 
_this.$tabs.find(">div")[activeTab]