backbone.js
のデフォルトでは、pushState未サポート時は、 /
に hash fragment
を付与した動作となるため画面遷移を伴うWebアプリと相性が悪い。
window.App =
Models: {}
Collections: {}
Views: {}
Routers: {}
init: (options)->
options = {} unless options
options.pushState = true
options.hashChange = false # don't want to rewrite /pathname to #pathname
# override getHash
# this can fire backbone router when url doesn't has hash fragment
Backbone.history.getHash = ->
if window.location.search
search = window.location.search
else
search = ''
return window.location.pathname
if Backbone.history && !Backbone.History.started
Backbone.history.start(options)
window.App = {
Models: {},
Collections: {},
Views: {},
Routers: {},
init: function(options) {
if (!options) {
options = {};
}
options.pushState = true;
options.hashChange = false;
Backbone.history.getHash = function() {
var search;
if (window.location.search) {
search = window.location.search;
} else {
search = '';
}
return window.location.pathname;
};
if (Backbone.history && !Backbone.History.started) {
return Backbone.history.start(options);
}
}
};
options.hashChange = false
によって、Hash Fragmentでの遷移を行わなくなる。しかしこのままだと、Routerのfireが動かなくなってしまうので、 Backbone.history.getHash
をoverrideする。
backbone.js
を、JavaScript Url DispatcherとかRouterについて調べたにあるような使い方でも使えるようになる。