ユーザテーブルタイプエラー。 dataTableは関数ではありません

Question

私はuserDetailsページにヘッダーがあり、jQueryを使用してこのページにユーザーリストを表示しています。ページ全体が読み込まれたときに最初はうまくロードされますが、同じページdivでajaxを使用して別のページをリロードしてからuserListに戻ると、Listはユーザーデータをロードせず、コンソールで次のエラーを表示するだけです。

もう一度同じuserListメニューをクリックすると、テーブルのデータが表示されます。あなたはのdataTableを使用しているか、あなたはすべてのリンクがロードされている一般的なページと、この一般的なファイルを作成することができる場合にのみ、その特定のページにすべてのdataTableのリンクを持つべきであるJS

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css"> 
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
<script type="text/javascript" src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script> 
<script type="text/javascript" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 

Answer 1

をfollwing含ま

$(document).ready(function() { 
     $('#usertable tbody').on('click', 'tr', function() { 
      $(this).addClass('selected').siblings().removeClass('selected'); 
      var value=$(this).find('td:first').html(); 

      var contextPath = "<%=request.getContextPath()%>"; 

      var postURL = contextPath + "/GetUserDetails"; 

      $.post(postURL, {userId: value}, function(data) { 
       var obj = $.parseJSON(data); 

       var url = contextPath + "/jsp/userDetails.jsp"; 
       $("#contentDiv").load(url, obj, function() {}); 
      }); 
     }); 
    }); 

データテーブルリストページに含める必要があります。