Javascript 单击时无法刷新选项卡

我试图在点击一个按钮时刷新一个标签。但是我得到一个错误，未定义的不是一个函数

下面是html代码

 <div class="tabbable" id ="tabs">  
  <ul class="nav nav-tabs">  
  <li class="active"><a href="#overview" >Overview</a></li>
  <li class=""><a href="#edit" >Edit Company</a></li>  
  <li class=""><a href="#site" class ="site">Add/Manage Sites</a></li>    
  <li class=""><a href="#user" >Manage Users</a></li> 
 </ul>
</div>

<div class="tab-pane" id="site">  
    <div class="container center">
        <h3 class="center">Sites Management</h3>
        <table class="table table-striped table-hover" id="table-manage-user">
            <thead>
            <tr>
                <td><label>Site Name</label></td
                <td><label>Action</label></td>
            </tr>
            </thead>

         <tr>
<td><input type="text" class="form-control name"   id="site_name{ID}" value="{NAME}">    </td>

<td><div class="btn-group form-actions">
    <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
        Action <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#" class='deleteSite' id='{ID}'>Delete</a></li>
    </ul>
 </div></td>
</tr>

        </table>
    </div>        
</div>

谁能告诉我这里怎么了

---

提前感谢

出于好奇，您是否检查了必要的jQuery库是否已加载？如果是，标签插件启动了吗？@MelanciaUK:是的。它是

$('.deleteSite').on( 'click', function( event ) {
   $('#tabs').tabs('load', 2);

});