Ich bin neu in JQuery und Bootstrap. Bitte beachten Sie meine Fehler. Ich habe ein Bootstrap-Modal für die Anmeldung und Registrierung erstellt. Es enthält zwei Navigationsregisterkarten, die als Login und Registrierung bezeichnet werden. Ich habe zwei Schaltflächen, die dasselbe Modal-Fenster anzeigen, aber innerhalb des Modal-Fensters eine andere Registerkarte anzeigen. In jeder Registerkarte befindet sich ein Formular mit einer Reihe von Eingaben. Mein Problem ist, dass das Modal mit geöffnetem Login-Tab im Modal angezeigt wird, wenn ich auf die Schaltfläche "Login" klicke, und der Registrierungs-Tab, wenn ich auf die Schaltfläche "Registrieren" auf meiner Seite klicke.

Dies sind 2 Links, über die das Modal geöffnet wird:

<div class="header-login-li" style="background-color:gray;float:left;width:100px;height:60px;">
<a data-toggle="modal" href="#regestration" class="header-register-a" >
<big>
<font color="white" class="header-register-font"><center style="margin-top:20px;">Login <i class="icon-chevron-down" style="font-size:20px"></i></center></font>
</big></a></div>

<div class="header-register-li" style="background-color:green;float:right;margin-right:-15px;width:130px;height:60px;">
<a data-toggle="modal" href="#regestration" class="header-register-a" >
<big>
<font color="white" class="header-register-font"><center style="margin-top:20px;">Register</center></font>
</big></a>

Hier ist mein Code von Registerkarten und deren Inhalt (ich vermeide unnötigen Code hier):

 <div class="tabbable" >
      <ul class="nav nav-tabs" ><!--tabs-->
        <li class="active" style="position:absolute;margin-left:0px;" id="logintab">
        <a href="#pane_login" data-toggle="tab">Login</a></li>
        <li style="margin-left:70px;" id="reg_tab" ><a href="#pane_reg" data-toggle="tab">Registration</a></li>

      </ul>
      <div class="tab-content"><!--login tab content-->
         <div id="pane_login" class="tab-pane active">
             <form id="login-form" target="login-signup-iframe" method="post" action="#" name="login-form">

              </form>

        </div><!--/pane_login-->

        <div id="pane_reg" class="tab-pane"><!--registration tab content-->
           <form id="regestration-form" target="login-signup-iframe" method="post" action="#" name="regestration-form">

            </form>
         </div>
        </div><!-- /.tab-content -->
</div><!-- /.tabbable -->

Ich denke, das kann durch jquery leicht gemacht werden. Aber ich weiß nicht genau, wie es geht. Also, bitte kann mir jemand helfen, mein Problem zu lösen. Vielen Dank im Voraus?