ポチってもうたー開発メモ。 今日、HTML5 History APIの、URLは静的に見えるけどダイナミックにUI変えちゃうよーっていうのを実装してみた。ポチってもうたーをChromeとかFirefoxで見ると、色々遷移するとURLは変わるけど全面リロードは起こらなくなってます。 これを実装するには、HTML5のhistory.pushStateとかhistory.popStateとかいう、historyをいじる仕組みを使わないといけないんですが、その辺をうまいことラップしてくれる Davis.js というライブラリがあったので、これを使ってみました。 var app = Davis(function () { this.get('/', function () { // ...1 // / に遷移した場合に発火。 // トップページにするがごとくここでUIをゴネゴネいじったりする })
if (history && history.pushState) { $(function() { $("#products th a, #products .pagination a").live("click", function(e) { $.getScript(this.href); history.pushState(null, document.title, this.href); e.preventDefault(); }); $("#products_search input").keyup(function() { $.get($("#products_search").attr("action"), $("#products_search").serialize(), null, "script"); history.replaceState(null, docume
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
