Kamesuta回答ポイントなし

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

ログインして回答する

ベストアンサー

Lhankor_Mhy2013/04/21 20:03:15

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

スター
- 4件のコメントを見る
- Kamesuta 2013/04/23 19:14:52
  
  ごめんなさい。そう言われてもわからないので、具体的にソースを載せてください。
  お願いします。
  
  スター
- Lhankor_Mhy 2013/04/23 20:41:18
  
  サンプルを書きました。
  http://jsfiddle.net/nBD4D/1/
  Result欄の#1#2#3のリンクを適当に踏んでもらった後、戻ったり進んだりしてみてください。エラー処理とかはしてないのでご注意。
  
  スター
- Lhankor_Mhy 2013/04/23 20:42:23
  
  進むのスペルを間違えてました。恥ずかしいなこれ。
  
  スター
- Kamesuta 2013/04/24 18:50:28
  
  ありがとうございました。
  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のように、左右に分けてスライドすることができました。
  
  スター

その他の回答

この質問へのコメント

コメントはありません

この質問への反応（ブックマークコメント）

質問の情報

登録日時: 2013-04-21 10:39:10
終了日時: 2013-04-24 18:50:41
回答条件: 1人10回まで

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問