2013-05-02 Thu

pull to refreshを使う
2013-05-02-2 / カテゴリ: [html][JavaScript][jQueryMobile] / [permlink]

ツイッターの公式アプリなんかでよくある「引っ張って続きを取得」するための JavaScript ライブラリにhttp://cubiq.org/iscroll-4というのがあるので、これを使ってみる。

配布サイトの「DOWNLOAD」をクリックで、zipのアーカイブがダウンロードされる。5/2時点でver4.2。
zipを展開して examples/pull-to-refresh/index.html を開けば、デモが見れる。

でもこれに、jQueryMobile を加えようとしても、jqmのヘッダやフッタがちゃんと表示されなかったり、ちゃんと動作しないのよね。

というわけで、この iScroll4 を jQueryMobile で使うためのプラグインをいくつか試してみた。
《続きを読む》
[ コメント ]
2013-04-12 Fri

高さ100%指定しても画面フルのブロック要素にならない
2013-04-12-1 / カテゴリ: [html][JavaScript][jQueryMobile] / [permlink]

仕様なのかな？
jQueryMobileのスクリプトを読み込んでおくと、tableをheight:100%とかにしててもなぜか有効にならない(widthは有効)。
jQueryMobile未使用jQueryMobile使用
《続きを読む》
[ コメント ]
2013-03-28 Thu

親要素・子要素の取得
2013-03-28-1 / カテゴリ: [html][JavaScript][jQueryMobile] / [permlink]

jQueryで取得した要素の親要素・子要素を参照するには
《続きを読む》
[ コメント ]
2013-03-20 Wed

Viewportの設定
2013-03-20-1 / カテゴリ: [html][JavaScript][jQueryMobile] / [permlink]

前回([2013-02-28-1])の記述のままだと、スマートフォンのブラウザで見たときに画面サイズが残念な感じになる(下図)ので、Viewportの設定をヘッダ部分に記述する。

《続きを読む》
[ コメント ]
2013-02-28 Thu

jQueryMobileを使ったWebページの基本(中の基本)
2013-02-28-1 / カテゴリ: [html][JavaScript][jQueryMobile] / [permlink]

jQueryMobileを使うには
  • jQueryのサイト(CDN)にあるjs+cssを直接参照
  • ダウンロードしてローカルで保持したものを参照
のどちらかの構成。
《続きを読む》
Referrer (Inside): [2013-03-20-1]
[ コメント ]
カテゴリ: jQueryMobile

最終更新時間: 2013-05-02 16:12