[B! jQueryMobile] toshihiko150のブックマーク

jQuery Mobileでページ内リンク | まるwebデザイン

jQuery Mobileはスマートフォンページを簡単に作れるモバイルフレームワークでとっても便利なのですが、「#」を使ったページ内リンクができないという問題があります。 jsを使うことで、jQuery Mobile内でもページ内リンクを実現できます。 <script type="text/javascript"> $('.top').live('click', function() { $.mobile.silentScroll(); }); </script> <a class="top" href="#" data-role="button">Topへ</a> 上記コードを追加するとページトップに戻るページ内リンクが作れます。特定の位置にページ内リンクで移動させたい場合は、「$.mobile.silentScroll();」にページ上からの座標を指定するする事で実現できます。

toshihiko150 2013/02/13

ページ内リンク、一番まともな方法。$.mobile.silentScroll(top)

jQueryMobile

リンク

jQuery Mobile リファレンス的なもの - へっぽこプログラマーの日記

jQuery Mobile のリファレンス的なものを作りました。取り敢えず叩き台で、ツッコミなどあればコメントください！ ※RC2版に対応しました Page 要素属性値概要 div data-role page ページ設定値既定備考 data-fullscreen boolean false フルスクリーン表示（ヘッダーとフッターでdata-position="fixed"を指定する必要がある） data-add-back-btn boolean false 戻るボタンの自動生成 data-back-btn-text 任意 "Back" 自動生成された戻るボタンのテキスト data-keep-native 任意ネイティブで利用するUIをセレクターで指定する data-dom-cache boolean false ページをキャッシュする data-theme 任意 c テ