人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jqueryで、popstateで実行する場合、戻るを押したのか、進むを押したのかが、わからないので、判別する方法を、教えてください。

●質問者: Kamesuta
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Lhankor_Mhy
ベストアンサー

event.originalEvent.stateでstateプロパティにアクセスできますので、カウンタでも仕込んでおけばいけるのではないでしょうか。


Kamesutaさんのコメント
ごめんなさい。そう言われてもわからないので、具体的にソースを載せてください。 お願いします。

Lhankor_Mhyさんのコメント
サンプルを書きました。 http://jsfiddle.net/nBD4D/1/ Result欄の#1#2#3のリンクを適当に踏んでもらった後、戻ったり進んだりしてみてください。エラー処理とかはしてないのでご注意。

Lhankor_Mhyさんのコメント
進むのスペルを間違えてました。恥ずかしいなこれ。

Kamesutaさんのコメント
ありがとうございました。 count = 0; $('a').click(function(e){ count ++; e.preventDefault(); history.pushState(count,'',$(this).attr('href')); }) $(window).bind('popstate',function(e){ alert((e.originalEvent.state > count)? "forward" : "back"); count = e.originalEvent.state; }) ですね。(リンク切れしてると他の人が困るためコピー) おかげでgithubのように、左右に分けてスライドすることができました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ