javascript - Bootstrap3 导航栏切换不适用于 requirejs

Question

我正在使用 BackboneJS、RequireJS 和 Bootstrap 设计一个网络应用程序。当我缩小屏幕尺寸时，导航栏正在折叠，但点击事件在切换按钮上不起作用。早些时候，当我不使用 RequireJS 时，我也遇到过同样的问题。那时我在 Head 标签中包含了 Jquery 和 BootstrapJS，它对我有用。现在我正在使用 RequireJS 并面临同样的问题。谁能帮我解决这个问题？我在下面附上 Require 的配置代码

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

Answer 1

其实这是一个愚蠢的错误。 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
  };
});