Jquery UI选项卡只重新加载选项卡内容

问题描述：

<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>

我在Ajax模式下使用Jquery UI选项卡。当我的页面ahaha_1.aspx回发我的主页消失，我被重定向到ahaha_1.aspx。我如何获得它只重新加载标签，而不是整个页面。Jquery UI选项卡只重新加载选项卡内容

jQuery代码真的有帮助:) – realshadow 2010-06-10 20:42:26

我没有任何jQuery代码。 – xkcd 2010-06-10 20:43:34

你如何使用jQuery选项卡并且没有代码？我很困惑... – 2010-06-10 20:45:47

答

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

从JQuery ui - Tabs Demo

答

要重新加载，你需要一个按钮或东西来触发该命令，然后将其重新加载当前选择的选项卡的标签。（“＃tabs”）。tabs（“option”，“selected”）抓取当前选定的选项卡。

答

只需添加这

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

。

Jquery UI选项卡只重新加载选项卡内容

相关推荐