2010-06-10 183 views
1
<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選項卡只重新加載選項卡內容

+0

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

+0

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

+0

你如何使用jQuery選項卡並且沒有代碼?我很困惑... – 2010-06-10 20:45:47

回答

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

JQuery ui - Tabs Demo

0

要重新加載,你需要一個按鈕或東西來觸發該命令,然後將其重新加載當前選擇的選項卡的標籤。 (「#tabs」)。tabs(「option」,「selected」)抓取當前選定的選項卡。

0

只需添加這

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

相關問題