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

剪掉你的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

于 2012-12-20T14:41:01.180 回答
2

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

于 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 回答