我正在使用backbone.js require.js构建一个应用程序.我想在我的应用程序中使用datepicker:
datepicker
由于它的非AMD,我在这样的requirejs中填充它:
require.config({ baseUrl: "appjs",paths:{ jquery: '../layout_assets/assets/js/libs/jquery-1.8.2.min',dt: '../layout_assets/plugins/datatables/jquery.dataTables.min',dtPlugins:'../layout_assets/plugins/datatables/dtplugins',dtBootstrap: '../layout_assets/plugins/datatables/dataTables.bootstrap',underscore: '../assets/js/underscore-min',Backbone: '../assets/js/backbone-min',bootstrap: '../assets/js/bootstrap.min',datepicker:'../layout_assets/bootstrap-datepicker' },shim: { underscore:{ exports:"_" },Backbone:{ deps: ['underscore','jquery'],exports: "Backbone" },dt: { deps:['jquery'],exports: "dt" },dtPlugins: { deps:['jquery','dt'],exports:"dtPlugins" },bootstrap: { deps:['jquery'],exports:"bootstrap" },dtBootstrap: { deps: ['dt',exports: "dtBootstrap" },datepicker:{ deps:['jquery','bootstrap'],exports:"datepicker" } } });
现在在我的一个观点中,我将datepicker称为:
define(['Backbone','underscore','jquery','datepicker','models/reports','dtBootstrap','bootstrap','text!templates/reports/dashboard.html',],function(Backbone,_,$,dp,report,dtBootstrap,bootstrap,dashboard){ var view=Backbone.View.extend({ el:"#content-wrap",template:_.template(dashboard),render:function(){ this.$("#container-left").html(this.template()); console.log(dp); } }); return view; });
这将在控制台上返回undefined.我想这个库没有得到正确的填充.
解决方法
这是我使用的垫片:
"datepicker" : { deps: ["jquery-ui","bootstrap"],exports: "$.fn.datepicker" }
对于
"datepicker": "lib/datepicker/js/bootstrap-datepicker"
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。