Bootstrap3 Navbar切换不适用于requirejs

时间:2014-10-14 11:43:24

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3 requirejs

我正在使用BackboneJS,RequireJS和Bootstrap设计一个Web应用程序。当我缩小屏幕尺寸时,导航栏会折叠,但点击事件不会对切换按钮起作用。 早些时候,当我没有使用RequireJS时,我也面临同样的问题。那时我在头标签中包含了Jquery和BootstrapJS,它对我有用。 现在我正在使用RequireJS并面临同样的问题。有人可以帮我这个吗? 我附加了以下要求的配置代码

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']
        }
    }
});

1 个答案:

答案 0 :(得分:2)

实际上这是一个愚蠢的错误。 Bootstrap未包含在模块中。

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
  };
});