使用其他按钮激活jquery选项卡

时间:2011-03-08 14:14:01

标签: jquery jquery-ui jquery-ui-tabs

是否可以使用外部按钮激活标签?

例如,如果我有3个标签,是否可以通过button1激活标签1,按钮2激活标签2等等?

到目前为止,我有以下脚本:

http://jsfiddle.net/FXTVG/

2 个答案:

答案 0 :(得分:5)

是的,当然,你应该使用:

 $("#button1").click(function() {$("#myTabId").tabs( "select" , 0 );});
 $("#button2").click(function() {$("#myTabId").tabs( "select" , 1 );});
 $("#button3").click(function() {$("#myTabId").tabs( "select" , 2 );});

答案 1 :(得分:5)

jQuery UI 1.9弃用了select方法,你应该使用“active”选项:

$("#myTabId").tabs("option", "active", 1);

http://api.jqueryui.com/tabs/

http://jqueryui.com/upgrade-guide/1.9/#deprecated-select-method