pushState, popState - 酔いどれコード
github でリポジトリのディレクトリをたどっていくときのエフェクトが気になったので調べてみた。 戻る・進む とりわけ気になるのが、アドレスバーの内容は書き変わるけれど、画面の更新は一部しか起こらないこと。しかも、ブラウザの戻る・進むボタンに対しても同様の画面の更新が起きること。どのイベントをキャッチしているのだろう？onload イベントだとすでに画面が切り替わってしまっているので、使われていなさそう。 pushState, popState github の Javascript のソースを見てみると、pushState というのを使っているということが分った。push とくれば、そう pop。戻る・進むボタンをクリックしたときに popstate イベントが発生する。そのイベントの中で画面更新の処理が走っていた。 サンプル カレンダーを表示するページを作ってみた => http:/
history.pushStateをつかってみる。 - hello, world.
pushState、実際にサンプルつくってみた。 http://dl.dropbox.com/u/131731/sample/pushstate/index.html リンク遷移時にページ内で必要な部分のみ表示が代わり、かつ、 ページのtitle、ページのURLも読み込んだ内容に適応したものにかわるよう。 HTMLは事前にこんな感じになっている事想定。 HTML //トリガーとなるaタグ、classがpjaxのものを対象としてる //<a href="リンク先" class="pjax" title="遷移先のページのタイトル">〜</a> <a href="index.html" class="pjax current" title="index">index</a></li> <div id="main"> //この内容がページごとに置き換わる </div> JavaScript jq
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
