类型错误：在Grails中，jQuery（...）.dataTable不是一个函数

Question

我正在尝试在Grails 2.1上安装jQuery DataTable，但直到现在都没有成功。我已经安装了jQuery、jQuery-ui和jquery-datatable插件，并将以下代码添加到main.gsp文件中：

<g:javascript library="jquery" plugin="jquery" />

        <r:require module="application"/>
        <jqui:resources />

并将此代码添加到我的视图中：

  <jqDT:resources />
  <g:javascript>
     $(document).ready(function() {

        jQuery('#demo').dataTable({
           sScrollY: '70%',
           bProcessing: true,
           bServerSide: true,
           sAjaxSource: '${request.contextPath + '/person/dataTablesData'}' ,
           sPaginationType: "full_numbers",
           aLengthMenu: [[100, 500, 1000, 5000, -1], [100, 500, 1000, 5000, "All"]],
           iDisplayLength: 500
        });
     });
  </g:javascript>

但是当我尝试渲染它时，出现了以下异常：

TypeError: jQuery(...).dataTable is not a function

我该怎样解决这个问题？

- Feras Odeh

---

不相关的：sAjaxSource 不应该是类似于 sAjaxSource: '${request.contextPath}'+'/person/dataTablesData' 这样的东西吗？ - Daniel

检查Datatable的JavaScript是否正确链接，并且在jQuery之后。 - user800014

datatables JavaScript 可能没有在 jQuery 之后被包含。 - James Kleeh

仍然出现相同的错误。 - Feras Odeh

我曾经遇到过同样的问题，看看这个帖子，它在这里得到了解决...http://stackoverflow.com/questions/7344047/jquery-datatable-in-play-framework-example-datatable-not-a-function - user2500414

Answer 1

可能只是猜测，但可能是因为您正在使用jQuery 2，它从先前的版本中删除/替换了一些功能。尝试使用jQuery 1.10.1并查看是否有任何改进。

- binderbound