以编程方式选择和加载jquery选项卡

Question

我无法尝试使用此功能.我想在页面加载时自动加载标签.我使用了以下代码.

$tabs.tabs('select', 0); 

然而,正在发生的事情是它只选择它而不加载它(该选项卡通过ajax加载).有趣的是,当我选择另一个选项卡然后再次返回第一个选项卡然后它加载正常.

Answer 1

我只是回答这个问题,以避免人们误解弃用函数.

在问题发生时,大多数答案都是正确的,但大多数答案都没有在新API中使用.

尝试以下代码如果您使用的是新API.

$(function() { 
    $( "#tabs" ).tabs(); 
    $( "#tabs" ).tabs( "option", "active", 2 ); 
});

有关详细信息,请查看以下链接

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

Answer 2

您是否尝试在初始化时指定所选选项卡:

var $tabs = $('.selector').tabs({ selected: 0 });

初始化后,您可以通过编程方式选择一个选项卡:

$tabs.tabs('option', 'selected', 0);

编辑:这对我来说非常有用:

var $tabs = jQuery("#tabDiv > ul").tabs( { selected: null } );
$tabs.tabs("select", 0);