-1

サインインとページ上部の登録には2つのリンクがあります。ページ本文には、サインインと登録の2つのタブがあります。サインインをクリックするとサインインタブが表示され、登録をクリックすると登録タブが表示されます。両方のタブは別々のdiv内にあり、これら2つのdivの親divがあります。現在、両方のリンクをクリックすると最初のタブのみを表示する次のコードを使用しています。

    $("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-->

ここで、ページ上部にある登録リンクをクリックすると、サインインタブではなく登録タブを表示する必要があります。

4

1 に答える 1

1

これをTyr：

$('#tabs').tabs();

$('#sign-in').click(function(){    
    $("#tabs").tabs("select", "#tabs-1");        
});

$('#register').click(function(){    
    $("#tabs").tabs("select", "#tabs-2");        
});

デモはこちら

于 2012-11-29T06:56:16.037 に答える