jquery选项卡的Next-Prevfunction

单击Next和Prev html按钮时，我需要jquery选项卡的Next，Previousfunction。 我正在使用jquery.1.9.1.js和jquery-ui-1.10.2.custom.js文件。 我已经实现了以下代码，但对我不起作用。

  $(function () { $("#ui-tabs").tabs(); function GetSelectedTabIndex() { return $('#ui-tabs').tabs('option', 'selected'); } function ShowTabs(stepNum) { var num = parseInt(stepNum); $('#ui-tabs').tabs('option', 'active', parseInt(GetSelectedTabIndex()) + num); } $('#prev').click(function () { ShowTabs(-1); }) $('#next').click(function () { ShowTabs(-1); }) });  
 
 
Nunc tincidunt
 
Proin dolor
 
Aenean lacinia
 
 
Tab1 content 
 
Tab2 content 
 
Tab3 content 
 
 Prev  Next 

但GetSelectedTabIndex返回null。 实施中有什么问题。 请建议。

Answer 1

此版本中没有jQuery UI选项卡的select方法。 要使您的function正常工作，您需要将代码更改为

 var i=$('#ui-tabs').tabs( "option", "active"); //get selected tab index $('#ui-tabs').tabs( "option", "active", i+num ); // num is your tab choise (+1,-1) 

这对我有用。 试试这个。

Answer 2

这对我有用：

 $( "#ui-tabs" ).tabs(); function GetSelectedTabIndex() { return $('#ui-tabs').tabs('option', 'selected'); } function ShowTabs(stepNum) { var num = parseInt(stepNum); $('#ui-tabs').tabs('option', 'active', parseInt(GetSelectedTabIndex()) + num); } 

在我看来，使用$tabs变量是没有意义的，因为它是GetSelectedTabIndex函数的本地变量，并且每个函数调用只使用一次…

演示： http ： //jsfiddle.net/darkajax/A8ejN/

Answer 3

     
 
 
Nunc tincidunt
 
Proin dolor
 
Aenean lacinia
 
 
 Tab1 content 
 
 Tab2 content 
 
 Tab3 content