【问题标题】:Jquery Tabs - going from external page(tab) back to tabs of one page againJquery Tabs - 从外部页面(标签)再次回到一页的标签
【发布时间】:2012-12-16 00:16:06
【问题描述】:

这是我的做法,当在包含所有选项卡的页面时,我可以转到选项卡 1、选项卡 2 等。但是当我要链接 Testpage 时,我想再次转到选项卡 1 和选项卡 2 等无需进入标签页。我想要一个可以包含在所有页面中的内容。

<li class="active" id="information_btn"><a href="#" title="" class="not_link">tab1</a></li>
<li><a href="testpage.php" title="">Testpage</a></li>
<li id="dns_btn"><a href="#" class="not_link" title="">Tab2</a></li>


$(document).ready(function(){   
    $('li#information_btn').click(function(){
        $('ul.submenu-accounts > li').removeClass('active');
            $('div.tab_selected').removeClass('tab_selected');
        $('div.tab_content').hide();
        $('div#information_tab_content').show();
        $(this).addClass('active');
    });
    $('li#dns_btn').click(function(){
        $('ul.submenu-accounts > li').removeClass('active');
        $('div.tab_selected').removeClass('tab_selected');
        $('div.tab_content').hide();
        $('div#nameservers_tab_content').show();
        $(this).addClass('active');
    });
    $('a.not_link').click(function(event){event.preventDefault();});

【问题讨论】:

    标签: jquery jquery-ui tabs jquery-ui-tabs jquery-tabs


    【解决方案1】:

    添加条件语句来检查href 属性。然后使用.load(),如果它是要显示到内容div 的url。

    【讨论】:

    • 能否请您多指教,我现在已经尝试了 40 分钟。它只是我希望它从中加载标签的一页。
    • 它不是很漂亮,但它已被评论,对你来说是一个很好的起点。 DEMO
    猜你喜欢
    • 1970-01-01
    • 2020-02-07
    • 2020-05-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多