Question

我正在使用Jquery UI选项卡进行向导应用。重新排列选项卡（客户端要求的一部分）后，选择索引不一致。我们不能在选项卡上允许jquery sortable，因为只能重新排列某些选项卡和选项卡确实有一个上下文菜单。所以我在服务器端成功重新安排后使用insertAfter和insertBefore命令。在小提琴中，按钮点击后重新排列标签： -

Jquery Tabs Fiddle

     $("#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);
    }
});

以下是 fiddle

修改：

您可以使用index代替active来查找哪个标签基于它在DOM中的位置。

在重新排列选项卡后，Jquery UI选项卡，选项卡选择不一致

1 个答案: