Закладки JQuery UI, выбор вкладки несовместим после переустановки вкладок

Question

Я использую вкладки JQuery UI для приложения-мастера. После перестановки вкладок (часть требования клиента) индекс выбора несовместим. Мы не можем разрешить сортировку jquery на вкладках, так как только некоторые вкладки могут быть перегруппированы, а вкладки также имеют контекстное меню. Поэтому я использую команды insertAfter и insertBefore после того, как они успешно перегруппированы на стороне сервера. В скрипке язычки перестраиваются после нажатия кнопки: -

Jquery Tabs Fiddle

 $("#btn").click(function(){ 
    $("#tabs ul li:nth-child(3)").after($("#tabs ul li:nth-child(1)")); 

}); 

Обновления вкладки после перегруппировки не вариант для us.any помощи будет очень ценен

Answer 1

кажется, me сначала событие select, возвращает активную вкладку, а затем изменяет вкладку. Вы не получите правильное значение, если это так. Вместо этого вы должны использовать activate событие:

Javascript:

$(function() { 
    $("#btn").click(function(){ 
     $("#tabs ul li:nth-child(3)").after($("#tabs ul li:nth-child(1)")); 
    }); 
    }); 

$("#tabs").tabs({ 
    activate: function(event,ui){ 
     var selected = $(ui.newTab).index(); 
     alert(selected); 
    } 
}); 

Вот является fiddle

EDIT:

Вы можете использовать index вместо active к найдите вкладку, на основе которой на его позиции в DOM.