2011-10-22 4 views
24

私はこの例では、HTML5での歴史について学んevent.state.url戻ります(エラーを確認するためにJavaScriptのブラウザコンソールを開く)しています:popstateは未定義である

Uncaught TypeError: Cannot read property 'url' of undefined 

ルックとヘルプ:http://jsfiddle.net/un4Xk/

答えて

42

eventはjQueryイベントオブジェクトであり、DOMオブジェクトではありません。

DOMイベントオブジェクトにアクセスするには、event.originalEventhttp://jsfiddle.net/pimvdb/un4Xk/1/を使用します。

var state = event.originalEvent.state; 

新しい状態がデータを持っているときの状態にのみ定義されていることを忘れないでください、そうクリックし、初期状態に戻ったときには使用できません。

  1. 初期状態
  2. リンクへ初期状態に状態1
  3. バックボタン(データなし)

ただし、W利用可能です鶏クリックし、別の時間をクリックしてから戻って:

  1. 初期状態
  2. リンク状態1へ
  3. リンク状態に2
  4. バックボタンを状態1に(利用可能なデータ)
+0

ニース!最初のケースで戻るボタンを機能させるにはどうすればよいですか? –

+0

@Caio Tarifa:初期状態はページが読み込まれたときの状態なので、元の状態に戻す必要があることがわかります。例えば。この場合、#returnは空にしてください:http://jsfiddle.net/pimvdb/un4Xk/2/。 – pimvdb

+0

私のために働く、thx。 –

関連する問題