我正在尝试使用Javascript，Requirejs和Backbonejs创建一个Wordpress主题。整个主题基于每条路线之间的幻灯片切换。

主页显示一个 wallView，其中包含相册集合的每个元素的 albumCoverView。当用户单击专辑封面视图时，他会导航到相应的帖子 URL（触发专辑路由），并在 wallView 和专辑视图之间滑动过渡开始。

这是我的路由器.js文件的代码

define( function( require, exports, module ) {
"use strict";
var app     = require( 'app' );
var cache   = require( 'backbone-cache' );
var Albums  = require( 'modules/albums/index' );
var Wall    = require( 'modules/wall/index' );
var Router = Backbone.Router.extend( {
    routes: {
        ''                          : 'index',
        ':year/:month/:day/:slug/'  : 'album'
    },
    index: function() {
        if( typeof app.albumsCollection == "undefined" ) {
            app.albumsCollection = new Albums.Collection();
            app.albumsCollection.fetch( {
                cache: true,
                success: function() {
                    app.wallView = new Wall.View( {
                        collection: app.albumsCollection
                    } );
                    app.wallView.render();
                    app.wallView.show();
                },
                error: function() {
                    console.log( "Collection: modules/albums -> fetch failed" );
                }
            } );
        }
        else app.wallView.show();
    },
    album: function( year, month, day, slug ) {
        var albumModel = app.albumsCollection.findWhere( { post_name: slug } );
        if( albumModel.get( 'format' ) == "gallery" ) {
            app.albumView = new Albums.Views.Gallery( {
                id      : "album-" + albumModel.get( 'ID' ),
                model   : albumModel
            } );
        }
        else if( albumModel.get( 'format' ) == "image" ) {
            app.albumView = new Albums.Views.Image( {
                id      : "album-" + albumModel.get( 'ID' ),
                model   : albumModel
            } );
        }
        app.albumView.render();
        app.albumView.show();
    }
} );
module.exports = Router;

} ）;

在这里，我的模块/专辑/集合.js文件的代码

define( function( require, exports, module ) {
"use strict";
var app         = require( 'app' );
var AlbumsModel = require( './model' );
var AlbumsCollection = Backbone.Collection.extend( {
    model   : AlbumsModel,
    url     : app.jsonApi + "albums/get_albums/",
    parse: function( response ) {
        return response.posts;
    }
} );
module.exports = AlbumsCollection;

} ）;

幻灯片切换由将显示的视图的 .show（） 函数管理。

我的问题 ：

当用户在主页上时，我正在获取WordPress帖子（使用JSON API插件）并在localStorage中缓存它们（使用主干获取缓存）。

使用这种方法，问题是：当用户通过指向特定帖子的链接访问网站时，专辑集合是未定义的，因此，应用程序找不到相应的专辑数据（var albumModel = app.albumsCollection.findWhere( { post_name: slug } );）。所以，我想知道如何解决这个问题？

• 我需要使用此方法引导相册集合吗：加载自举模型？
• 我是否需要在路由器初始化时获取专辑集合并使用 $.when（...）。然后（...在每条路线中 ？
• 我是否需要在我的 json 控制器中创建一个 get_album 方法来仅获取一个相册，然后在用户转到主页时重置相册集合以重新填充？

欢迎任何建议。