【发布时间】: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