我在使用jQuery DataTables时遇到了很多麻烦。我已经在许多地方寻找答案，但似乎一直无法解决问题。
通过Chrome开发者工具，我收到的错误信息是:
$(...).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();
});
});