當點擊一個不起作用的按鈕時在標籤中加載新內容

Question

我試圖在點擊按鈕時將內容加載到標籤中。但下面的代碼將我帶到第一個選項卡。

HTML代碼：

<div class="tabbable"> 
     <ul class="nav nav-tabs"> 
     <li class="active"><a href="#overview" >Overview</a></li> 
     <li class=""><a href="#site" >Manage Sites</a></li> 
     <li class="" style="display:none;"><a href="#department" >Departments</a></li> 
    </ul> 
    </div> 



    <div class="tab-pane" id="site"> 
     <div class="container center"> 
      <h3 class="center">Sites Management</h3> 
      <tr> 
      <td><input type="text" class="form-control name" id="site_name{ID}" value="{NAME}">/td> 

      <button type="button" class="btn btn-default btn-sm dropdow`enter code here`n-toggle" data-toggle="dropdown"> 
      Action <span class="caret"></span> 
     </button> 
     <ul class="dropdown-menu" role="menu"> 
      <li><a href="#dept-container" class='manageDepartments' id='{ID}'>Manage departments</a></li> 
     </ul> 
     </td> 
    </tr> 
     </div>   
    </div> 


<div class="tab-pane" id="department"> 
     <div class="container center" id="dept-container"> 
      <h3 class="center">Departments Management</h3> 

     </div>   
    </div> 

的Jquery：

$('.manageDepartments').on('click', function(event) {  

      var urlLinks = $(this).attr("href"); 
      $("#site").load(urlLinks); 

}); 

誰能告訴我是什麼在這裏是怎麼回事？

在此先感謝

Answer 1

$('.manageDepartments').on('click', function(event) {  

      event.preventDefault(); 
      $("#site").html($($(this).attr("href")).html()); 

});