Question

我是Datatables的新手，我正在尝试使表格可编辑，但我一直收到此错误：

TypeError：$（...）。dataTable（...）。makeEditable不是函数

我的jQuery脚本如下所示：

    $(document).ready( function () {
    var oTable = $('#data_table_wrapper').dataTable({
        "sDom": 'R<"H"lfr>t<"F"ip<',
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "aoColumn": [
                { "bVisible": true },
                { "bVisible": true },
                { "bSortable": false },
                    ]       
    }).makeEditable({
        sUpdateURL: "/abc.php"
    });
});

我包含这些文件：

jquery-1.9.1.min.js
jquery.dataTables.min.js
jquery.jeditable.js
jquery.dataTables.editable.js
jquery-ui.js
jquery.validate.js

这些文件的所有链接均可正常运行。请问有人可以给我一些建议吗？为什么我一直收到这个错误？

Answer 1

进口必须按一定顺序进行：

jquery.min.js

的jquery-ui.min.js

jquery.dataTables.min.js

jquery.jeditable.js

jquery.dataTables.editable.js

jquery.validate.js

修复此问题后，更新到最新版本修复了问题！

Answer 2

对于jQuery版本1.9.1，jQuery数据表将无法正常工作。请尝试使用jQuery 1.7.1版。

Answer 3

我的情况是：

（jQuery 3.x）

来自jQuery DataTables网站，我有以下内容：

<script>
    $(element).DataTable().makeEditable();
</script>

所以 - 起初我不得不改变＆＃34; DataTable＆＃34;到＆＃34; dataTable＆＃34;给予：

<script>
    $(element).dataTable().makeEditable();
</script>

然后它抛出了错误（在jquery.dataTables.editable.js中）：TypeError：$（...）。live不是函数。我根据这个主题修改了jQuery 1.9 .live() is not a function ：

第655行：

//$(".table-action-deletelink", oTable).live("click", function (e) {
$(oTable).on("click", ".table-action-deletelink", function (e) {

jQuery dataTables makeEditable（）不是函数

3 个答案: