Les onglets de l'interface utilisateur Jquery ne rechargent que le contenu de l'onglet

Question

<div id="example"> 
    <ul> 
     <li><a href="ahah_1.aspx"><span>Content 1</span></a></li> 
     <li><a href="ahah_2.aspx"><span>Content 2</span></a></li> 
     <li><a href="ahah_3.aspx"><span>Content 3</span></a></li> 
    </ul> 
</div> 

J'utilise les onglets Jquery ui en mode Ajax. Quand ma page ahaha_1.aspx postbacks ma page principale disparaît et je suis redirigé vers ahaha_1.aspx. Comment puis-je l'obtenir pour recharger uniquement l'onglet et non la page entière.

Answer 1

$('#example').tabs({ 
    load: function(event, ui) { 
     $('a', ui.panel).click(function() { 
      $(ui.panel).load(this.href); 
      return false; 
     }); 
    } 
}); 

de JQuery ui - Tabs Demo

Answer 2

Pour recharger l'onglet vous auriez besoin d'un bouton ou quelque chose pour déclencher cette commande qui serait alors recharger l'onglet sélectionné.

$("#tabs").tabs('load', $("#tabs").tabs("option","selected")); 

$ ("# onglets"). (Onglets "option", "sélectionnés") est saisissant l'onglet sélectionné.

Answer 3

ajouter ceci

$('#tabs').tabs({ active: $('#<%= hdf_tabNumber.ClientID %>').val() }); 
     $('#tabs').tabs({ 
      activate: function(event, ui) { 
       var selected = $(this).tabs('option', 'active'); 
       $('#<%= hdf_tabNumber.ClientID %>').val(selected); 
       //alert($('#<%= hdf_tabNumber.ClientID %>').val()); 
      } 
}); 

Créer cette balise d'entrée

<asp:HiddenField id="hdf_tabNumber" runat="server"></asp:HiddenField> 

votre code du corps.