jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ

Posted: 2012.02.03 / Category: javascript / Tag: jQuery jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){ e.preventD

[studio-h]

url

[microgravity]

“location.hash”

[yaoki_dokidoki]

location.hash

[tamarimizuu]

ブラウザの戻るボタンの処理！

[typista]

ぽけったー jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ

[side_tana]

参考になる

[tomio2480]

今作ってる作品改造計画 (少しだけで済みそうだからやる

[mitsugi-bb]

こういうライブラリがあるからtwitterっぽいアプリも簡単に作れるけど、同様の技術を利用してGmail等を自前で作ってきたGoogleってやっぱり凄い。。そしてそれが一般的になる為の土台としてのインターネットはもっと凄い。

[naga_sawa]

ページロード無しサイトを作るときにtips

[himoton]

知りたかった情報、勉強になる！

[mimosafa]

画面遷移のないサイト

[HHR]

#(ハッシュ)の操作は location.hash

[nkoichiro]

[]February 04, 2012 at 10:52PM

[uzimith]

これまたお手軽

[twocon]

*web知識, jqueryTitle通り メモ

[tiadeen2]

「hashchange eventでURLの書き換えがあったタイミングを通知」か、イイネ！

[JD30671011]

hashchange event使えばいいんだ

[toco]

メモ

[m_takashi]

次回制作機会に参考

[kurenai7]

あとこれも

[kurechon]

あとこれも

[richard_raw]

これは身につけておきたい。

[oomaooma]

早速、いじってみよう

[Lambda_groove]

jQuery関係なく、スマホのSPA作るときにとても有効なTips。jQuery使わない場合も、ここを手がかりにすればすぐ見つかるかと思う。

[karupanerura]

preventDefault知らなかった。めもめも

[nata_com]

hrefのハッシュタグの取得，ハッシュでのページ遷移のイベント設定

[Saita_tosi]

ｊQuery

[yamaeda]

jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ | webOpixel

[dokodajp]

jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ | webOpixel

[michael-unltd]

タイムリーなネタで助かりました。