Javascript 当用户单击“下一步”按钮时，屏幕上将只显示“下一个”选项卡和“上一个”选项卡

我的代码以正确的方式运行，但唯一的问题是当用户单击下一个按钮时，我的上一个按钮将隐藏它不应该发生，当用户单击下一个按钮时，下一个选项卡将与上一个选项卡一起可见，请告诉我更改

$(function () {

   var $tabs = $("#tabs");
   $tabs.tabs();
   $tabs.tabs("option", 'disabled', [1, 2, 3]);

   function getSelectedTabIndex() {
      return $tabs.tabs('option', 'selected');
      return $tabs.tabs('enable', $tabs);
      return $tabs.tabs('option', 'actaive',$tabs);
   }

   $("#goNext").click(function () {         
      var b = getSelectedTabIndex() + 1;
      $tabs.tabs('enable',b);
      $tabs.tabs('option', 'active', b);
      $tabs.tabs('option', 'selected', b);
   });
});

有关更多信息，请发布一些html或创建fiddle

  return $tabs.tabs('option', 'selected');
  return $tabs.tabs('enable', $tabs);  // This will not called ever
  return $tabs.tabs('option', 'actaive',$tabs); // This will not called ever

到

---

每个方法只应执行一项任务并正确执行。如果您试图进行更多更改，请找到一个更好的位置，而不是

getSelectedTabIndex（）

设置globle变量以存储当前选项卡索引

function getSelectedTabIndex() {
   return $tabs.tabs('option', 'active');
}

在“下一步”按钮的单击事件中

var currTabIndex // globle variable

$( "#tabs" ).tabs({
     collapsible: false,
     activate: function( event, ui ) {
         currTabIndex = ui.newTab.index();
     }
});

---

嘿你必须在这里升级你的jquery用户界面工作链接好的先生。。。但代码中仍然存在一个问题，选项卡未被禁用。。。我希望所有选项卡都被禁用，它们仅在用户单击“下一步”按钮时显示。您好，如果您有预定义的选项卡，请尝试此操作，这样您就可以像我一样放置静态选项卡，但如果没有，则必须通过循环执行动态逻辑。

var currTabIndex // globle variable

$( "#tabs" ).tabs({
     collapsible: false,
     activate: function( event, ui ) {
         currTabIndex = ui.newTab.index();
     }
});

$("#goNext").click(function () {
    $( "#tabs" ).tabs( "option", "active", currTabIndex + 1 );
});