0

テーブルのさまざまな機能に DataTables を使用したいと考えています。問題を解決できません。

私のコードは次のとおりです。

<script type="text/javascript" src="<%=Constants.JSROOTURL%>jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="//datatables.net/download/build/jquery.dataTables.nightly.js"></script>

<script type="text/javascript">
    var jq = jQuery.noConflict();
    jq(document).ready( function(){
        jq("#results").dataTable();
    });
</script>

エラーは言う:

Uncaught TypeError: Object [object Object] has no method 'dataTable' imageValidation.html:234
(anonymous function) imageValidation.html:234
n jquery.min.js:2
o.fireWith jquery.min.js:2
e.extend.ready jquery.min.js:2
c.addEventListener.B

どんな提案も役に立ちます。

4

3 に答える 3

6

最初の 2 つのタグを切り取りscriptます (コメントは例です。実際には削除する必要があります)。

<!--
<script type="text/javascript" src="<%=Constants.JSROOTURL%>jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script> 
-->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="//datatables.net/download/build/jquery.dataTables.nightly.js"></script>

ライブラリをロードして再ロードしないでください。これにより、問題が発生する可能性があります...

また、通常、プラグインのナイトリー ビルドを使用することはお勧めできません...本番環境ではバグが発生する可能性があります。http://datatables.net/download/build/jquery.dataTables.js

于 2012-12-20T14:41:01.180 に答える
2

jQuery を 2 回目にロードすると、すべてのプラグインがなくなります。jQuery を再度読み込む 3 番目のタグを削除します。

于 2012-12-20T14:40:52.350 に答える
1

Jquery の CDN バージョンは使用しないでください。Jquery とデータ テーブル プラグインをダウンロードします。ここに例があります

<!doctype html>
 <html>
  <head>
   <title>jQuery datagrid</title>

   <style type="text/css" title="currentStyle">
        @import "css/jquery.dataTables.css";
    </style>

   <script src="js/jquery.js"></script>
   <script  src="js/jquery.dataTables.js"></script>
   <script>
     $(document).ready(function() {
         $('#example').dataTable();
       } );
  </script>

</head>
  <body>
    <div id="dvContent">
     <table id="example">
        <thead>
            <tr><th>One</th><th>Two</th></tr>
       </thead>
        <tbody>

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

 </body>

于 2013-04-03T03:44:01.253 に答える