Javascript Bootstrap3导航栏切换不适用于requirejs
我正在使用BackboneJS、RequireJS和Bootstrap设计一个web应用程序。当我缩小屏幕尺寸时,导航栏正在折叠,但单击事件在切换按钮上不起作用。 早些时候,当我不使用RequireJS时,我也遇到了同样的问题。当时,我在Head标记中包含了Jquery和BootstrapJS,这对我很有用。 现在我正在使用RequireJS,面临着同样的问题。有人能帮我吗? 我在下面附上Require的配置代码Javascript Bootstrap3导航栏切换不适用于requirejs,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,requirejs,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,Requirejs,我正在使用BackboneJS、RequireJS和Bootstrap设计一个web应用程序。当我缩小屏幕尺寸时,导航栏正在折叠,但单击事件在切换按钮上不起作用。 早些时候,当我不使用RequireJS时,我也遇到了同样的问题。当时,我在Head标记中包含了Jquery和BootstrapJS,这对我很有用。 现在我正在使用RequireJS,面临着同样的问题。有人能帮我吗? 我在下面附上Require的配置代码 require.config({ paths: { jqu
require.config({
paths: {
jquery: '../lib/jquery',
underscore: '../lib/underscore',
backbone: '../lib/backbone',
router: 'router',
bootstrap: "//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min"
},
shim: {
'backbone': {
deps: ['underscore', 'jquery'],
exports: 'Backbone'
},
'underscore': {
exports: '_'
},
'bootstrap': {
deps: ['jquery']
}
}
});
实际上这是一个愚蠢的错误。引导未包含在模块中
define([
'jquery',
'underscore',
'backbone',
'router',
'bootstrap'
],
function ($, _, Backbone, Router) {
var initialize = function () {
// Pass in our Router module and call it's initialize function
Router.initialize();
}
return {
initialize: initialize
};
});
控制台上有错误吗?您能验证引导程序是否已实际加载吗?您可以通过在控制台检查是否定义了
jQuery.fn.popover
(或$.fn.popover
)来验证这一点。(popover
只是Bootstrap在加载jQuery时添加到jQuery中的一个功能。我假设您正在加载stock Bootstrap及其所有功能,而不是仅限于您实际使用的自定义版本。)