Question

我想将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

任何建议都会有所帮助。

Answer 1

删除script代码中的前2个（评论为例，实际上应该已删除）：

<!--
<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

Answer 2

第二次加载jQuery时，所有插件都消失了。删除第三个再次加载jQuery的标记。

Answer 3

不要使用JNery的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>

数据集成失败，出现错误“Uncaught TypeError：Object [object Object]没有方法'dataTable'”

3 个答案: