Jquery ui 如何在jQuery中单击链接时显示第二个选项卡
页面顶部有两个登录和注册链接。在页面正文中有两个选项卡“登录” 登记。单击“登录”时,应显示“登录”选项卡;单击“注册”时,应显示“注册”选项卡。两个选项卡都存在于单独的div中,这两个div都有一个父div。 目前,我正在使用以下代码,在单击两个链接时仅显示第一个选项卡:Jquery ui 如何在jQuery中单击链接时显示第二个选项卡,jquery-ui,jquery-ui-tabs,Jquery Ui,Jquery Ui Tabs,页面顶部有两个登录和注册链接。在页面正文中有两个选项卡“登录” 登记。单击“登录”时,应显示“登录”选项卡;单击“注册”时,应显示“注册”选项卡。两个选项卡都存在于单独的div中,这两个div都有一个父div。 目前,我正在使用以下代码,在单击两个链接时仅显示第一个选项卡: $("ul#myaccount-details-tabs").tabs("div#myaccount-details-panes>div"); $(".tabs").each(function(
$("ul#myaccount-details-tabs").tabs("div#myaccount-details-panes>div");
$(".tabs").each(function(){
initTabs($(this).attr("id"));
});
Html代码如下所示:
<div id="signin-info-tab-container" >
<ul id="myaccount-details-tabs">
<li><a href="#">sign-in</a></li>
<li ><a href="#">create an account</a></li>
</ul>
<div id="myaccount-details-panes">
<div id="signin-details-panes">
</div><!-- signin-details-panes-->
<div id="register-details-panes">
</div><!--register-details-panes-->
</div><!--myaccount-detailes-panes-->
</div><!--signin-info-tab-container-->
现在,我必须在点击页面顶部的注册链接时显示注册选项卡,而不是sig in选项卡。Tyr此:
$('#tabs').tabs();
$('#sign-in').click(function(){
$("#tabs").tabs("select", "#tabs-1");
});
$('#register').click(function(){
$("#tabs").tabs("select", "#tabs-2");
});
您使用的是哪个版本的
jqueryUI
?谢谢您的建议。由于它不起作用,请检查我已更新的html代码结构并提出解决方案。@AbhijeetF:我用您的html更新了代码。这对我有用。请确认。