【问题标题】:use requirejs load jquery plugs datatables ,have an error使用requirejs加载jquery插件数据表,有错误
【发布时间】:2015-06-12 07:05:08
【问题描述】:

我使用requirejs加载datatable插头,我收到错误$().dataTable()不起作用,

这是我的 js 代码:

define(function() {
requirejs.config({
    baseUrl: "/Scripts",
    paths: {
        "jquery": "/Libs/jquery.min"
        "jquery.datatable": "/Libs/dataTable/js/jquery.dataTables.min"
    },
    map: {
        "*": {
            "css": "/Libs/cssjs/css.js"
        }
    },
    shim: {
        "jquery": {
            exports: "$"
        },
        "jquery.datatable":"jquery"
    },
    waitSeconds: 15,
});})

这是页面js

define(["jquery.datatable"], function() {
$(function() {
    $("#example").dataTable();
});

});

当我运行它时,我的控制台出现错误:

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

jquery version is v1.11.0

DataTables version is v1.10.7

RequireJS version is v2.1.11

你能帮帮我吗?谢谢

【问题讨论】:

  • 数据表插件已加载但无法使用id
  • 是的,我明白了。,只需将数据表 js 名称更改为 datatables,所有代码都可以完美运行:

标签: jquery-plugins datatables


【解决方案1】:

我解决了这个问题 像这样更新requirejs配置:

requirejs.config({
baseUrl: "/Scripts",
paths: {
    "jquery": "/Libs/jquery.min",
    "datatables": "/Libs/dataTable/js/jquery.dataTables.min"
},
map: {
    "*": {
        "css": "/Libs/cssjs/css.js"
    }
},
shim: {
    "jquery": {
        exports: "$"
    },
    "datatables":"jquery"
},
waitSeconds: 15,

});})

注意: 数据表的路径,路径名必须是datatables

【讨论】:

    猜你喜欢
    • 2014-08-06
    • 2015-04-21
    • 2015-06-26
    • 1970-01-01
    • 2012-06-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多