6

我正在尝试使用 shim 加载 JQuery-Ui，但是即使我知道路径正确，当我尝试加载它时，JQueryUi 也会一直超时。

require.config({
paths: {
    jQuery: 'libs/jquery-wrapper',
    jQueryUi: 'libs/jquery-ui-min',
    jQuerySelectmenu: 'libs/jquery.ui.selectmenu',
    Underscore: 'libs/underscore-wrapper',
    Backbone: 'libs/backbone-wrapper',
},
shim: {'Backbone': {
          //These script dependencies should be loaded before loading
          //backbone.js
          deps: ['Underscore', 'jQuery'],
          //Once loaded, use the global 'Backbone' as the
          //module value.
          exports: 'Backbone'
      },
      'jQueryUi': {
          deps: ['jQuery'],
      },
      'jQuerySelectmenu': {
          deps: ['jQuery', 'jQueryUi']
      }
  }  
});

require([
    'jQuery',
    'Underscore',
    'Backbone',  
    'jQueryUi',
    'jQuerySelectmenu'  
], 
    function(App) {
        require(['order!src/app']
     ,     function (App) {
    App.initialize();
}); 
});
4

2 回答 2

2

我认为 damee 提供的代表旧版本的 requireJs。像我一样按照本教程进行操作：Load jQuery UI with requireJS

于 2013-07-08T21:12:39.440 回答
0

尝试使用此项目https://github.com/jrburke/jqueryui-amd将您的 jqueryui 转换为模块化版本。然后你可以简单地使用它：

define(['jquery', 'jqueryui/tabs'], function($){
    $('#tabs').tabs();    
});

使用 requirejs 配置：

requirejs.config({
paths: {
    'jqueryui': '/javascript-cdn/jqueryui/' //output form jqueryui-amd
}, 
shim: {
    'jquery': {
        deps: [], 
        init: function(){
            return $; 
        }
    },        
    'jqueryui': {
        deps: ['jquery'] 
    }
}
});

我希望这有帮助。

于 2012-10-04T11:44:36.470 回答