jquery onglet ui personnalisé avec des onglets ajax

Question

J'utilise des onglets de l'interface utilisateur jquery

J'ai trois onglets ajax comme ceci:

<div id="tabs"> 
<ul> 
<li><a href="linktopage1.jsp">Failed EIV Pre-Screening</a></li> 
<li><a href="linktopage2.jsp">Failed SSA Screening</a></li> 
<li><a href="linktopage3.jsp">Pending Verification</a></li> 
</ul> 
</div> 

Je voudrais faire deuxième onglet apparaissent par défaut lorsque la page est chargée .

J'ai essayé le code suivant.

<script type="text/javascript"> 
    $(document).ready(function(){ 
    var $tabs = $('#tabs').tabs(); 
    $tabs.tabs('select', 1); 
    }); 
</script> 

Maintenant, quand la page se charge .... code linktopage2.jsp est exécuté CEPENDANT, sur l'écran reste le premier onglet est sélectionné et l'écran est vide. Je dois explicitement cliquer sur le deuxième onglet pour que les données apparaissent. Qu'est-ce que je fais de mal ou y a-t-il quelque chose d'autre qui peut être fait?

Answer 1

À partir du doc, utilisez la propriété 'selected'.

$('#tabs').tabs({ selected: 2 });