0

我正在使用一些主干框架 - 卓别林，我正在使用以下文件列表：

以下是 main.js 中的一些代码块：

paths: {
        jquery: 'vendors/jquery/jquery',
        underscore: 'vendors/underscore/underscore',
        backbone: 'vendors/backbone/backbone',
        chaplin: 'vendors/chaplin-0.9.0',        
        bootstrap: 'vendors/bootstrap/js/bootstrap.min',        
        jqTriggers: 'lib/jquery-triggers'
    },

shim: {
        underscore: {
            exports: '_'
        },
        backbone: {
            deps: ['jquery','underscore'],
            exports: 'Backbone'
        },
        bootstrap: {
            deps: ['jquery']
        },        
        jqTriggers: {
            deps: ['jquery']
        }
    }

以下是 jquery-triggers.js 中的内容

define(['jquery'], function($) {

   $('.dropdown-toggle').dropdown(); 

});

以下是使用 Bootstrap 框架的模板文件的代码块：

<div class="navbar navbar-inverse nav">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="/">Project Name</a>

                <div class="nav-collapse collapse">
                  <ul class="nav">
                      <li class="divider-vertical"></li>
                      <li><a href="#"><i class="icon-home icon-white"></i> Home</a></li>                      
                  </ul>
                  <div class="pull-right">
                    <ul class="nav pull-right">
                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Welcome, User <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="/user/preferences"><i class="icon-cog"></i> Preferences</a></li>
                                <li><a href="/help/support"><i class="icon-envelope"></i> Contact Support</a></li>
                                <li class="divider"></li>
                                <li><a href="/auth/logout"><i class="icon-off"></i> Logout</a></li>
                            </ul>
                        </li>
                    </ul>
                  </div>
                </div>
            </div>
        </div>
    </div>

问题：下拉菜单“下拉”菜单不起作用。

我猜！jquery-triggers.js 未加载。因为我看不到它分别加载到 Chrome / firefox firebug network / net 上。

在包含 require.js 之后，我尝试在我的 index.html 页面中包含 jquery-triggers.js 文件，但它没有工作，因为 jquery-triggers.js 文件被提前加载。

4

1 回答 1

0

将 jqTriggers 传递到整个应用程序所需的数组中。

然后它将被加载到任何地方。

require(['application', 'routes', 'jqTriggers'], 
  function (Application, routes) {
     var app = new Application({
     routes: routes,
     controllerSuffix: '-controller'
   });          
});
于 2014-08-26T19:48:19.203 回答