jQuery Tabs funktioniert nicht in Code-Generator

Question

Ich mache eine Anwendung mit codeignitor, meine Registrierung und Login-Formular ist in einem Tab. Wenn ich auf die Registerkarte "Registrierung" klicke, wird sie nicht angezeigt. Die Dateipfade für die JS-Dateien sind alle korrekt, da ich sie in der Quelltextansicht angeklickt habe und sie angezeigt werden.

Form Code

<div class="container"> 
     <div class="row"> 
      <div class="col-md-6 col-md-offset-3"> 
       <div class="panel panel-login"> 
        <div class="panel-heading"> 
         <div class="row"> 
          <div class="col-xs-6"> 
           <a href="#" class="active" id="login-form-link">Login</a> 
          </div> 
          <div class="col-xs-6"> 
           <a href="#" id="register-form-link">Register</a> 
          </div> 
         </div> 
         <hr> 
        </div> 
        <div class="panel-body"> 
         <div class="row"> 
          <div class="col-lg-12"> 
           <form id="login-form" action="http://phpoll.com/login/process" method="post" role="form" style="display: block;"> 
            <div class="form-group"> 
             <input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value=""> 
            </div> 
            <div class="form-group"> 
             <input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password"> 
            </div> 
            <div class="form-group text-center"> 
             <input type="checkbox" tabindex="3" class="" name="remember" id="remember"> 
             <label for="remember"> Remember Me</label> 
            </div> 
            <div class="form-group"> 
             <div class="row"> 
              <div class="col-sm-6 col-sm-offset-3"> 
               <input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="Log In"> 
              </div> 
             </div> 
            </div> 
            <div class="form-group"> 
             <div class="row"> 
              <div class="col-lg-12"> 
               <div class="text-center"> 
                <a href="http://phpoll.com/recover" tabindex="5" class="forgot-password">Forgot Password?</a> 
               </div> 
              </div> 
             </div> 
            </div> 
           </form> 
           <form id="register-form" action="http://phpoll.com/register/process" method="post" role="form" style="display: none;"> 
            <div class="form-group"> 
             <input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value=""> 
            </div> 
            <div class="form-group"> 
             <input type="email" name="email" id="email" tabindex="1" class="form-control" placeholder="Email Address" value=""> 
            </div> 
            <div class="form-group"> 
             <input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password"> 
            </div> 
            <div class="form-group"> 
             <input type="password" name="confirm-password" id="confirm-password" tabindex="2" class="form-control" placeholder="Confirm Password"> 
            </div> 
            <div class="form-group"> 
             <div class="row"> 
              <div class="col-sm-6 col-sm-offset-3"> 
               <input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now"> 
              </div> 
             </div> 
            </div> 
           </form> 
          </div> 
         </div> 
        </div> 
       </div> 



<script src="<?php echo base_url()?>assets/js/bootstrap.js"></script> 
    <script src="<?php echo base_url()?>assets/js/home.js"></script> 
    <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> 

jQuery-Code

$('#login-form-link').click(function(e) { 
    $("#login-form").delay(100).fadeIn(100); 
    $("#register-form").fadeOut(100); 
    $('#register-form-link').removeClass('active'); 
    $(this).addClass('active'); 
    e.preventDefault(); 
}); 
$('#register-form-link').click(function(e) { 
    $("#register-form").delay(100).fadeIn(100); 
    $("#login-form").fadeOut(100); 
    $('#login-form-link').removeClass('active'); 
    $(this).addClass('active'); 
    e.preventDefault(); 
}); 

Answer 1

seine feine Arbeit ich auf meinem System diesen Code überprüfen können Sie den Dateipfad nicht betreten haben richtig sein

dieses CDN Links versuchen von js.

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>