javascript - Backbone.js 和 pushState

Question

如果我在 Backbone 路由器中启用 pushState，我是否需要在所有链接上使用 return false 还是 Backbone 路由器会自动处理？是否有任何样本，包括 html 部分和脚本部分。

Answer 1

这是 Tim Branyen 在他的 boilerplate 中使用的模式:

initializeRouter: function () {
  Backbone.history.start({ pushState: true });
  $(document).on('click', 'a:not([data-bypass])', function (evt) {

    var href = $(this).attr('href');
    var protocol = this.protocol + '//';

    if (href.slice(protocol.length) !== protocol) {
      evt.preventDefault();
      app.router.navigate(href, true);
    }
  });
}

使用它，而不是在链接上单独执行 preventDefault，您让路由器默认处理它们并通过具有 data-bypass 属性来处理异常。根据我的经验，它作为一种模式效果很好。我不知道周围有什么很好的例子，但你自己尝试一下应该不会太难。 Backbone 的美在于它的简单性；)