Javascript RequireJS-$(…)。DataTable不是函数
我在让jQuery数据表工作方面遇到了很多麻烦。我已经找了很多地方,但似乎无法找到它的底部 我通过Chrome开发者工具收到的错误是: $(…)。DataTable不是函数 app.js:Javascript RequireJS-$(…)。DataTable不是函数,javascript,requirejs,datatables,Javascript,Requirejs,Datatables,我在让jQuery数据表工作方面遇到了很多麻烦。我已经找了很多地方,但似乎无法找到它的底部 我通过Chrome开发者工具收到的错误是: $(…)。DataTable不是函数 app.js: requirejs.config({ "baseUrl": "../Scripts", "paths": { app: "./app", essentials: "./dist/essentials.min", jquery: "./dist/j
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"]);
require(["jquery"], function ($) {
$(function () {
});
});
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();
});
});
main.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"]);
require(["jquery"], function ($) {
$(function () {
});
});
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();
});
});
Create.js(由TypeScript生成):
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"]);
require(["jquery"], function ($) {
$(function () {
});
});
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();
});
});
最可能的错误原因是:
- 缺少jQuery库(
) 或/dist/jQuery-1.10.2.min.js
- 缺少jQuery数据表插件(
) 或/dist/jQuery.DataTables.min.js
- jQuery DataTables版本为1.9.x或更低版本。
jquery.dataTables.min.js的第一行应该包含插件版本 方法
仅在jQuery DataTables 1.10中可用DataTable()