onglets de l'interface utilisateur Jquery - Personnalisé « Loader » pour les onglets AJAX

Question

je le code suivant pour générer des onglets JQuery UI:

<div id="tabs-loading-message" style="display:none">Loading, Please wait..</div> 
<div id="fragment-2"> 
    <ul> 
     <li><a href="/public/animalstab" title="Animals"><span>Animals</span></a></li> 
     <li><a href="/public/birdstab" title="Birds"><span>Birds</span></a></li> 
    </ul> 
</div> 
<script type="text/javascript"> 
$(function() { 
    $("#tabs-loading-message").show();  
     $('#fragment-2').tabs(
    { 
     cache:false, spinner:'', selected: 0 , 
     select: function(event,ui) { 
      //show spinner 
      $("#tabs-loading-message").show();     
     }, 
     load: function() { 
      // hide spinner 
      $("#tabs-loading-message").hide();    
     } 
    } 
); 
}); 

</script> 

Je suis en mesure d'afficher le message de chargement, mais comment puis-je cacher le contenu du panneau d'onglet, quand il est sélectionné et afficher le contenu lorsqu'il est chargé?

Answer 1

vous pouvez attraper événement succès de ajax:

.tabs({ajaxOptions: {success: function() { 
    $("#tabs-loading-message").hide(); 
}}});