jquery选项卡 - 更改选项卡后，ajax调用

Question

我使用jquery-ui选项卡组件。这是在我的网页代码

<ul> 
    <li><a href="#tabs-1">Anagrafica</a></li> 
    <li><a href="#tabs-2">Corsi</a></li> 
    <li><a href="#tabs-3">Pagamenti</a></li> 
</ul> 
<div id="tabs-1"> 
    // 
</div> 
<div id="tabs-2"> 
    // 
</div> 
<div id="tabs-3"> 
    // 
</div> 

组件完美的作品

是有办法Ajax调用后更改显示的标签？

当我执行ajax调用tab2显示。我想Ajax调用

Answer 1

是后显示TAB3，只需使用active选项：

$("ul").tabs("option", "active", 1); // Select tab 2 

Answer 2

试试这些标签页也不会jQueryUI的

$('ul').each(function(){ 
    var $active, $content, $links = $(this).find('a'); 

    //Set focus when the page is reloaded 
    $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]); 
    $active.parent().addClass('active'); 
    $content = $($active.attr('href')); 

    //Hide containers 
    $links.not($active).each(function() { 
     $($(this).attr('href')).hide(); 
    }); 

    //Set click event 
    $(this).on('click', 'a', function(e){ 
     $active.parent().removeClass('active'); 
     $content.hide(); 
     $active = $(this); 
     $content = $($(this).attr('href')); 
     $active.parent().addClass('active'); 
     $content.show(); 
     e.preventDefault(); 
    }); 
});