jQuery Mobile

jQuery Mobile はjQuery ベースのモバイル向けUIを簡単に構築できるようにしたライブラリまず。必要なファイルをダウンロードからjquery.mobile-1.2.１.zip をダウンロードあとは、解凍してプロジェクトディレ...

Jquery Mobile でボタンの色などを変更できますjQuery Mobile Framework - Static Containers, Statesでサンプルを見ることができますちなみに、こちらは英語なので、わかりにくいときには...

スマートフォンの場合、画面がパソコンより小さいので間違えてクリックする可能性が高いため、できだけリンクなどはボタンにかえるようにしますやりかたは簡単でa タグのリンクの場合<a href="index.html" data-role="bu...

jQuery Mobile で外部リンクをはるにはaタグにrel="external"を追記しますこれはjQuery Mobile が基本的に ajax による画面遷移をしているためですこのおかげで画面をリフレッシュせずに切り替えできるので...

jQuery Mobile で戻るボタンを設置するにはdata-add-back-btn="true"を追記します追記するのは<div id="ページID" data-role="page" >に追記します<div id="ページID" d...

jQueryMobile を使うことによりひとつのHTMLファイルで複数のページを作成できます正確には、data-role="page" の id で分けているだけですdata-role="page" のid は新聞や雑誌の記事のカテゴリー...

スマートフォンの画面はパソコンなどに比べて小さいためa タグでつくったテキストリンクを間違えてクリックすることも多々ありますこのため、一般的な対策としてはアイコンにするか、ボタンにするというように、わかりやすさを求めますリストビューメニュー...

ipod touch とか iPhone で最適な画面サイズに設定するにはViewport の設定を行いますこれを設定すると縦横の回転のときの対応ユーザによるピンチイン・アウトの禁止などの詳細設定も可能になります参考サイトはスマートフォン向...

jQuery Mobile の基本的なUIはヘッダーとフッターjQuery Mobile ではpage という概念があり、１つのページにヘッダーコンテンツフッターという構成になりますページは紙面 data-role=”page”ヘッダーは見...

jQueryMObile 1.1 になって変わったことについてですページアニメーション効果がturn , flow が増えますデフォルトアニメーションがslide から fade へ変更ページ読み込み中の画面のカスタマイズiOS での対応は...