RequireJS - 加载Jquery和Jquery UI插件的问题

时间:2016-01-04 20:29:02

标签: javascript jquery twitter-bootstrap requirejs

我对requirejs很新,到目前为止一直很喜欢它。我正在将其实施到我现有的项目中。我有一些jquery,Jquery UI和bootstrap插件都需要在应用程序的开头初始化。

我希望将它们全部放入一个名为GDI_common.js的文件中,并将它设置在我的main.js文件中的require中。当我加载我的页面时,似乎忽略了我的GDI_commons脚本。如果我尝试通过控制台手动加载插件,它们可以正常工作。

我确保我的依赖关系都是正确的,并且拥有他们需要的东西。不太清楚在这一点上我可以忽视什么。有人会有任何想法或建议吗?

这是我的main.js文件的样子:

SecondViewController

这是我的GDI_common文件的样子:

require.config({
    paths: {
        "jqueryui": "../assets/jqueryUI/jquery-ui.min",
        "bootstrap": "bootstrap.min",
        "bootstrap_select": "../assets/silviomoreto-bootstrap-select-a8ed49e/dist/js/bootstrap-select.min",
        "jqueryui_timepicker": "jquery-ui-timepicker-addon",
        "jqueryui_timepicker_ext":  "jquery-ui-sliderAccess",
        "moment": "moment",
        "cookie": "js.cookie",
        "knockout-amd-helpers": "knockout-amd-helpers.min",
        "text": "text"
    },
        "shim": {
        bootstrap: {
            deps : [ 'jquery'],
            exports: 'Bootstrap'
        },
        bootstrap_select: {
            deps : [ 'jquery', 'bootstrap'],
            exports: 'Bootstrap_Select'
        },      
        jqueryui_timepicker: {
            deps : [ 'jquery','jqueryui'],
            exports: 'JqueryUI_Timepicker'
        },
        jqueryui_timepicker_ext: {
            deps : [ 'jquery','jqueryui'],
            exports: 'Jqueryui_Timepicker_Ext'
        }   
    }
});

require(["jquery","knockout", "XApplication", "Xcommon", "XButtons", "knockout-amd-helpers", "text", "moment"], function ($, ko, XApplication, GDI_common) {
ko.amdTemplateEngine.defaultPath = "../templates";

 var viewmodel = new GDI_Application();
 ko.applyBindings(viewmodel);
 viewmodel.fetchdata();

});

0 个答案:

没有答案