9

我有一个 Backbone 应用程序。我正在使用 Backbone.history 来启用后退按钮。我们有一个页面（设置），它会自动加载需要用户输入的弹出窗口。如果用户选择取消，我想回到上一页。我可以使用 window.history.back() 来做到这一点。

问题是，如果用户通过在浏览器中输入 url 从另一个 url（如 google）直接进入该页面（app#settings），我想将用户重定向到主页（app/）而不是返回去谷歌。

我一直想不出任何办法来做到这一点。Backbone.history 看起来像存储来自浏览器的后退按钮的信息，因此即使它们刚刚到达应用程序，它也有历史记录。我也找不到查看以前网址的方法。

这可能吗？

4

2 回答 2

24

将后退导航逻辑包装在您自己的方法中。也许在路由器上：

var AppRouter = Backbone.Router.extend({

  initialize: function() {
    this.routesHit = 0;
    //keep count of number of routes handled by your application
    Backbone.history.on('route', function() { this.routesHit++; }, this);
  },

  back: function() {
    if(this.routesHit > 1) {
      //more than one route hit -> user did not land to current page directly
      window.history.back();
    } else {
      //otherwise go to the home page. Use replaceState if available so
      //the navigation doesn't create an extra history entry
      this.navigate('app/', {trigger:true, replace:true});
    }
  }
});

并使用路由器方法导航回来：

appRouter.back();
于 2013-02-13T19:31:49.457 回答
3

我使用了jevakallio的相同答案，但我遇到了与评论者 Jay Kumar 相同的问题：routesHit没有减去所以点击appRouter.back()足够多的次数会使用户退出应用程序，所以我添加了 3 行：

var AppRouter = Backbone.Router.extend({

  initialize: function() {
    this.routesHit = 0;
    //keep count of number of routes handled by your application
    Backbone.history.on('route', function() { this.routesHit++; }, this);
  },

  back: function() {
    if(this.routesHit > 1) {
      //more than one route hit -> user did not land to current page directly
      this.routesHit = this.routesHit - 2; //Added line: read below
      window.history.back();
    } else {
      //otherwise go to the home page. Use replaceState if available so
      //the navigation doesn't create an extra history entry
      if(Backbone.history.getFragment() != 'app/') //Added line: read below
        this.routesHit = 0; //Added line: read below
      this.navigate('app/', {trigger:true, replace:true});
    }
  }
});

并使用路由器方法导航回来：

appRouter.back();

添加的行：

第一个：从 中减去 2 routesHit，然后当它重定向到“返回”页面时，它会获得 1，所以实际上就像你做了一个负 1。

第二个：如果用户已经在“家”，就不会有重定向，所以不要对routesHit.

第三个：如果用户在他开始的地方并被送回“家”，请设置routesHit = 0，然后重定向到“家”routesHit时将再次为1。

于 2015-09-04T01:09:41.343 回答