Question

我喜欢有多个路由器, 用于模块化。我在不同js 文件中初始化了 < code>$( document. ready () ) 上的路由器。当我只有一个路由器运转良好, 因为可以拨打 < code> History. start () 之后, 就可以拨打 < code> start () , 但是现在我有多个路由器, 可以从不同的文件中初始化, 我不知道何时可以调用 < code> History.start () 。

例如:

<script src="router1.js" type="text/javascript"></script>
<script src="router2.js" type="text/javascript"></script>

在路由1.js中:

$(document).ready(function(){
  new Core.Routers.Router1()
});

以及路由器2也是一样。

最佳解决方案是添加一个新的 $( document). ready () , 调用 History. start () 到页面结尾处? 我不认为文件已备妥的呼叫被屏蔽, 因此不会引入一个种族条件, 到调用 histry.start () 时所有路由器可能尚未初始化。

Answer 1

您只需在应用程序中给 < code> backbone. history. start () 调用一次 < /code>, 而调用的唯一标准是至少一个路由器必须已经即时化。

所以,你可以轻而易举地做到这一点:


$(function(){
  new MyRouter();
  Backbone.history.start();
});


$(function(){
  new AnotherRouter();
});


$(function(){
  new AndMoreRouters();
});

我经常对路由器做类似的事, 我经常在网页装满后很久就开始启动新的路由器, 用户正在与页面互动。

虽然FWWW,你可能对我在我的Backbone.Marionette插件中的初始化器概念感兴趣, 并记录为此博客文章的一部分:http://lostechies.com/derickbailey/2011/12/16/composite-javascript-applications- with-backbone-and-backbone-marionette/

Answer 2

您也可以检查 backbone. hisstory. started ...

    var Router = Backbone.Router.extend({
        routes: {
              :  load 
        },
        initialize: function () {

        },
        load: function () {

        }
    });

    $(function () {
        new Router();
        if (!Backbone.History.started) {
            Backbone.history.start();
        }
    });

最近的一项拉动请求中又增加了这一内容。

一定要查查Derrick S Olionette插件也非常棒

友情链接