jQuery UI選項卡，重新排列選項卡后，選項卡選擇不一致

Question

我正在將Jquery UI選項卡用於向導應用程序。重新排列選項卡（客戶端要求的一部分）后，選擇索引不一致。我們不允許在選項卡上對jquery進行排序，因為只能重新排列某些選項卡並且選項卡確實具有上下文菜單也是如此。所以在服務器端成功重新排列之后，我正在使用insertAfter和insertBefore命令。 在小提琴中，單擊按鈕后重新排列了選項卡：-

jQuery標簽小提琴

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

 });

重新整理后刷新選項卡不是我們的選擇。任何幫助將不勝感激

Answer 1

在我看來， 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);
    }
});

這是小提琴

編輯：

您可以使用index而不是active來基於DOM中的位置查找哪個選項卡。