JQuery UI Tabs только перезагружает содержимое вкладки

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> 

Я использую вкладки Jquery ui в режиме Ajax. Когда моя страница ahaha_1.aspx отправляет мою основную страницу, исчезает, и я перенаправлен на ahaha_1.aspx. Как мне получить его, чтобы перезагрузить вкладку, а не всю страницу.

Answer 1

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

из JQuery ui - Tabs Demo

Answer 2

Чтобы перезагрузить вкладку, потребовалась бы кнопка или что-то, чтобы вызвать эту команду, которая будет затем повторно загрузить выбранную вкладку в настоящее время.

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

$ ("# язычки"). Вкладки ("вариант", "выбранные") захватывает вкладку выбранного в данный момент.

Answer 3

Просто добавьте этот

$('#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()); 
      } 
}); 

Создать этот входной тег

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

в вашем коде тела.