バックボーンルート - ブラウザの戻るボタンの検出

Question

ユーザーがブラウザで戻る/進むボタンを押したときに検出する方法を見つけようとしています。

バックボーンを使用してルートを処理し、バックボーンを使用してビューをレンダリングしています。

問題はどこからでもこのページ変更イベントにフックできません。

私のビューの初期化関数にログを書き込もうとしましたが、戻るボタンを使用するとトリップしません。

このページの変更を検出するにはどうすればよいかわかりません。

Answer 1

Backbone.Routerを使用し、アプリケーションを起動するときにはBackbone.history.start()を忘れないようにしてください。

いくつかの有用な情報

は hereと here

実際には、第2のリンクは記事ではありませんが、ブログを見つけることができます。そしてそれを書いた人は本当にその話題についてたくさん知っているようです。

UPD：アイデアは、あなたのURLが変わったときに、バックボーンのルータファイアバインドされたメソッドです。だからあなたはこの方法にあなたのロジックを置き、この方法でそれを追跡する必要があります。たぶんそれは非常に自動ではない方法で、いくつかのコードを書くのにかかるだろうが、私はそれがうまくいくと思う。

Answer 2

Backbone.Routerを拡張して、routeとopenメソッドをオーバーロードすることができます。これらの2つの方法ですべてのページ変更を処理しました。だから、バックボーンファイルからそれらを再コピーし、それを再生してください。

Answer 3

明らかにしてもGitHubには、押されたボタンを検出する方法を知りません。） は、彼らは、このコードを使用します。

slideTo: function (a) { 
     var b = this.pathFromURL(a), 
     c = this.frameForPath(b), 
     d = $("#slider .frame-center").attr("data-path") || ""; 
     c.is(".frame-center") || (d == "/" || b.split("/").length > d.split("/").length ? 
     this.slideForwardTo(a) : this.slideBackTo(a)) 
} 

Answer 4

あなたがバックボーンrouteイベントにコールバックをバインドすることができます。

Backbone.history.on('route', function() { 
     // Do your stuff here 
    }); 

あなたはあなたが立っていたことを知るためにBackbone.history.getFragment()を使用することができます。

Answer 5

戻るボタンを押すとポップステートイベントが発生します。

私は、コードのこの部分を使用しています：

// listening for the browser's back button 
window.addEventListener('popstate', function(e) { 
    router.navigate(Backbone.history.getFragment(), { trigger: true, replace: true }); 
});