jQuery選項卡不能在Codeignitor中工作

Question

我正在使用codeignitor進行應用程序，我的註冊和登錄表單處於選項卡中。當我點擊註冊選項卡時，它不會顯示。 js文件的文件路徑都是正確的，因爲我在源代碼視圖中點擊了它們並顯示它們。

表單代碼

<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代碼

$('#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

其做工精細檢查我的系統上運行此代碼可能是你沒有輸入文件路徑正確

試試這個CDN鏈接的js。

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