文章/答案/技术大牛

发布

社区首页 >问答首页 >RequireJS -$(.).DataTable不是函数

问RequireJS -$(.).DataTable不是函数
EN

Stack Overflow用户

提问于 2015-06-04 20:59:56

回答 2查看 2.3K关注 0票数 3

我在让jQuery DataTables工作上遇到了很多麻烦。我一直在寻找很多地方，只是似乎找不到它的真相。

我通过Chrome developer工具收到的错误是：

$(.).DataTable不是函数

app.js:

requirejs.config({
    "baseUrl": "../Scripts",
    "paths": {
        app: "./app",
        essentials: "./dist/essentials.min",
        jquery: "./dist/jquery-1.10.2.min",
        "jquery.bootstrap": "./dist/bootstrap.min"
        "jquery.dataTables": "./dist/jquery.dataTables.min",
        "jquery.dataTables.bootstrap": "./dist/jquery.dataTables.bootstrap.min"

    },
    "shim": {
        "essentials": ["jquery"],
        "jquery.dataTables": ["jquery"],
        "jquery.dataTables.bootstrap": ["jquery.dataTables"],
        "jquery.bootstrap": ["jquery"]
    }
});

// Load the main app module to start the app
requirejs(["app/main"]);

main.js (未使用)：

require(["jquery"], function ($) {
    $(function () {
    });
});

Create.js (由TypeScript生成)：

define(["require", "exports", "../../Shared/ModalHelper"], function (require, exports, Helper) {
    require(["jquery", "essentials", "jquery.bootstrap", "jquery.dataTables", "jquery.dataTables.bootstrap"], function ($) {
        function initilializeTables() {
            var attrSelectDataTable = $('#selectAttrsTable').DataTable({
                paging: true,
                bInfo: true,
                "columnDefs": [
                    { "orderable": false, "targets": 0 }
                ],
                scrollY: 400
            });
            var attrPreviewDataTable = $('#selectedAttrsTable').DataTable({
                paging: true,
                bInfo: true,
                "columnDefs": [
                    { "orderable": false, "targets": 0 },
                    { "orderable": false, "targets": 5 }
                ],
                scrollY: 400
            });

        }

        initilializeTables();

    });
});

javascript

requirejs

datatables

回答 2

Stack Overflow用户

发布于 2015-07-28 15:15:50

由于DataTables将自己声明为一个命名模块，因此在为require中的路径声明名称时，必须使用“datatable”名称。

在这里直播示例。归功于这里。

票数 1

Stack Overflow用户

发布于 2015-07-16 18:53:16

造成错误的原因很可能是：

缺失jQuery库(./dist/jquery-1.10.2.min.js) 或
缺失jQuery DataTables插件(./dist/jquery.dataTables.min.js) 或
jQuery DataTables版本为1.9.x或更低。jquery.dataTables.min.js的第一行应该包含插件版本。方法DataTable()只在jQuery DataTables 1.10中可用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30654051

复制

相似问题

问RequireJS -$(.).DataTable不是函数
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问RequireJS -$(.).DataTable不是函数EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问RequireJS -$(.).DataTable不是函数
EN