我在让Gridstack在 Backbone 应用程序中工作时遇到问题。
RequireJS 配置的精简版本如下所示：
require.config({
paths: {
jquery: '../assets/packages/jquery/1.12.0/jquery.min',
underscore: 'libs/underscore/underscore-min',
jqueryui: '../assets/packages/jqueryui/1.11.4/custom/jquery-ui.min',,
gridstack: '../assets/packages/gridstack/0.2.4/gridstack.min',
},
shim: {
"gridstack": {
deps: ["jquery", "jqueryui", "underscore"],
},
}
});
问题是 Gridstack 试图为 Lodash 和 jQueryUI 组件“core”、“mouse”、“draggable”、“resizable”和“widget”查找获取文件。见下图。
Backbone 视图文件（再次简化）如下所示：
define([
'jquery',
'jqueryui',
'underscore',
'backbone',
'gridstack',
], function(
$,
jqueryui,
_,
Backbone,
gridstack
){
var MyView = Backbone.View.extend({
el: $("#page"),
className: "MyView",
initialize: function(){
console.log('gridstack', gridstack);
},
});
return MyView;
});
我使用的是 Underscore.js (1.8.3) 而不是 Lodash，但是这里的文档应该没问题：https ://github.com/troolee/gridstack.js
是否有强制 Gridstack 了解它的所有依赖项都已加载？
编辑 2016-02-18 12:47:00
jQueryUI 从https://jqueryui.com/download/下载，包含除 Tooltip 之外的所有内容；与 Bootstrap 一起使用时会导致问题。
我看到很多人通过 Bower 获得了 AMD 版本的 jQueryUI。但是，该软件包适用于其他所有内容，因此我倾向于认为问题出在 Gridstack 上。