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>

我在Ajax模式下使用Jquery ui标签。当我的页面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"));

$（“＃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>

在你的身体代码上。

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

3 个答案: