javascript - 使用 RequireJS 的数据表

Question

我正在尝试将简单明了的 DataTables 与 RequireJS 结合使用。但我不知道如何设置我的 main.js 文件。这是我的:

require.config({
  paths: {
    modernizr: 'libs/custom.modernizr',
    jquery: '../components/jquery/jquery',
    datatables: '../components/datatables/media/src/DataTables'
},

但是一旦添加

require(["datatables"]), function (whatever) {... });

我总是收到这个错误:

Error: Module name "api.static.js" has not been loaded yet for context: _

我尝试使用“shim”使 jquery 成为数据表的依赖项，但我遇到了同样的错误。有谁知道如何使用 requireJS 设置一个非常简单的数据表？

更新:

这是完整的 main.js 文件:

require.config({
paths: {
    jquery: '../components/jquery/jquery', 
    datatables: '../components/datatables/media/src/DataTables'
},
shim: {
      "datatables": ['jquery']
     }
});

require(["jquery", "datatables"], function () {

$('#test').dataTable( {
    "aaData": [
        ['Trident', 'Internet Explorer 4.0', 'Win 95+', 4, 'X'],
        ['Trident', 'Internet Explorer 5.0', 'Win 95+', 5, 'C']
    ],
    "aoColumns": [
        { "sTitle": "Engine" },
        { "sTitle": "Browser" },
        { "sTitle": "Platform" },
        { "sTitle": "Version" },
        { "sTitle": "Grade" }
    ]
   });
});

这是确切的错误消息。我尝试使用多个版本的 Jquery 和多个浏览器，但总是收到同样的消息:

如果重要的话，我使用 zurb-foundation yo 生成器构建了这个 main.js，然后使用

bower install --save jquery#1.11.0 
bower install --save datatables 

Answer 1

我想通了。问题是我在这一行中指向数据表变量

datatables: '../components/datatables/media/src/DataTables' 

到文件“DataTables.js”。这是错误的文件。它应该像这样指向“jquery.dataTables.js”:

datatables: '../components/datatables/media/js/jquery.dataTables'

希望这有助于将来避免这种混淆。