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 - Демонстрация вкладок

Answer 2

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

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

в своем теле.

Answer 3

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

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

$ ("# tabs"). Tabs ("option","selected") захватывает текущую выбранную вкладку.