如何让Bootstrap 3在下拉列表中下推页面内容(How to get Bootstrap 3 to push down page content on dropdown click)

 最后更新 
 
 自Express 4.10以来，该框架支持多视图文件夹功能 
 
 只需将位置数组传递给views属性即可。 
 
app.set('views', [__dirname + '/viewsFolder1', __dirname + '/viewsFolder2']);
 
 Express 2.0 
 
 据我所知，express现在不支持多个视图路径或名称空间（就像静态中间件一样） 
 
 但是，您可以自己修改查找逻辑，以便按照您希望的方式工作，例如： 
 
function enableMultipleViewFolders(express) {
    // proxy function to the default view lookup
    var lookupProxy = express.view.lookup;

    express.view.lookup = function (view, options) {
        if (options.root instanceof Array) {
            // clones the options object
            var opts = {};
            for (var key in options) opts[key] = options[key];

            // loops through the paths and tries to match the view
            var matchedView = null,
                roots = opts.root;
            for (var i=0; i<roots.length; i++) {
                opts.root = roots[i];
                matchedView = lookupProxy.call(this, view, opts);
                if (matchedView.exists) break;
            }
            return matchedView;
        }

        return lookupProxy.call(express.view, view, options)
    };
}
 
 您将通过调用上述函数并将express作为参数传递来启用新逻辑，然后您将能够为配置指定一个视图数组： 
 
var express = require('express');
enableMultipleViewFolders(express);
app.set('views', [__dirname + '/viewsFolder1', __dirname + '/viewsFolder2']);
 
 或者，如果您愿意，可以直接修补框架（更新其中的view.js文件） 
 
 这应该在Express 2.x中工作 ，不知道它是否会使用新版本（3.x） 
 
 UPDATE 
 
 不幸的是，上述解决方案在Express 3.x中不起作用，因为express.view将是未定义的 
 
 另一个可能的解决方案是代理response.render函数并设置views文件夹配置直到获得匹配： 
 
var renderProxy = express.response.render;
express.render = function(){
    app.set('views', 'path/to/custom/views');
    try {
        return renderProxy.apply(this, arguments);
    }
    catch (e) {}
    app.set('views', 'path/to/default/views');       
    return renderProxy.apply(this, arguments);
};
 
 我没有对它进行测试，无论如何，这对我来说都很难受，不幸的是，这个功能又被推回去了： https ： //github.com/visionmedia/express/pull/1186 
 
 更新2 
 
 Express 4.10中添加了此功能，因为已将以下拉取请求合并： https ： //github.com/strongloop/express/pull/2320 

Last Update
 
The multiple view folders feature is supported by the framework since Express 4.10 
 
Just pass an array of locations to the views property, like so.
 
app.set('views', [__dirname + '/viewsFolder1', __dirname + '/viewsFolder2']);
 
Express 2.0
 
As far as I know express doesn't support multiple view paths or namespaces at the moment (like the static middleware do)
 
But you can modify the lookup logic yourself so that it works the way you want, for example:
 
function enableMultipleViewFolders(express) {
    // proxy function to the default view lookup
    var lookupProxy = express.view.lookup;

    express.view.lookup = function (view, options) {
        if (options.root instanceof Array) {
            // clones the options object
            var opts = {};
            for (var key in options) opts[key] = options[key];

            // loops through the paths and tries to match the view
            var matchedView = null,
                roots = opts.root;
            for (var i=0; i<roots.length; i++) {
                opts.root = roots[i];
                matchedView = lookupProxy.call(this, view, opts);
                if (matchedView.exists) break;
            }
            return matchedView;
        }

        return lookupProxy.call(express.view, view, options)
    };
}
 
You will enable the new logic by calling the function above and passing express as a parameter, and then you will be able to specify an array of views to the configuration:
 
var express = require('express');
enableMultipleViewFolders(express);
app.set('views', [__dirname + '/viewsFolder1', __dirname + '/viewsFolder2']);
 
Or, if you prefer, you can patch the framework directly (updating the view.js file inside it)
 
This should work in Express 2.x, not sure if it will with the new version (3.x)
 
UPDATE
 
Unluckily the above solution won't work in Express 3.x since express.view would be undefined
 
Another possible solution will be to proxy the response.render function and set the views folder config until it gets a match:
 
var renderProxy = express.response.render;
express.render = function(){
    app.set('views', 'path/to/custom/views');
    try {
        return renderProxy.apply(this, arguments);
    }
    catch (e) {}
    app.set('views', 'path/to/default/views');       
    return renderProxy.apply(this, arguments);
};
 
I've not tested it, it feels very hacky to me anyway, unluckily this feature has been pushed back again: https://github.com/visionmedia/express/pull/1186
 
UPDATE 2
 
This feature has been added in Express 4.10, since the following pull request has been merged: https://github.com/strongloop/express/pull/2320