2

我在由 handlebarsJS 提供支持的 SPA 上使用 crossroadsJS 和 hasherJS。回想起来，我可能应该在 Ember 上构建整个东西，但是在这么晚的时候重新开始是不明智的。

我设置了哈希路由，可以根据点击的内容切换我的车把模板。我可以毫无问题地在路线之间来回移动。但是，如果我刷新页面，我总是会回到我的 #/home 视图。我对 window.onhashchange 和 window.onbeforeunload 进行了一些研究，但这些似乎都没有解决问题。

我有一个非常具体的方式来处理我的观点。我有一个像这样构造的全局视图对象：

views.procedures = function (template) {

    this.initialize = function () {
        this.el = $('<div/>');
        this.el.attr('id', 'procedures');
        this.el.on('click', '.returned-list li a', this.toResults); // list of API objects by name
    };

    this.render = function () {
        var parts = {
            title: 'Procedures View',
        };
        this.el.html(template(parts));
        return this;
    };

    this.toResults = function () {
        cache.justClicked = $(this).attr('data-id');

        crossroads.addRoute('procedures/{name}', function () {
            api.endpoints.procedure(cache.justClicked); // constructed elsewhere
        });
    };

    this.initialize();
};

我之所以提到这一点，是因为我不能简单地为 a$(document).ready()或$(window).onhashchange

我已经多次阅读了 hasherJS 和 crossroadsJS 文档，但我想不出任何办法来解决刷新问题。提前感谢您的帮助。

4

1 回答 1

1

我需要你提供更多信息，但我假设你正在做

var DEFAULT_HASH = 'home';

if (! hasher.getHash()) {
    hasher.setHash(DEFAULT_HASH);
}

这基本上是说您的默认路线将始终是您的主路线，这就是您在刷新当前路线时看到它的原因。尝试以下操作：

var DEFAULT_HASH = 'home', url = hasher.getBaseURL();

if (hasher.getURL() === url) {
    hasher.setHash(DEFAULT_HASH);
}

这将检查您的基本 URL 是什么（当您第一次访问页面时加载的那个）并将#/home路由附加到基本 URL，从而允许您刷新当前查看的路由。

希望这可以帮助。

于 2015-01-07T17:16:29.830 回答