カテゴリー別アーカイブ: jQuery Mobile

jQuery Mobile

jQuery Mobile は jQuery ベースのモバイル向けUIを簡単に 構築できるようにしたライブラリ まず。必要なファイルをダウンロード http://jquerymobile.com/download から … 続きを読む

カテゴリー: jQuery Mobile | コメントをどうぞ

jQuery Mobile デザインのカスタマイズ

Jquery Mobile でボタンの色などを変更できます jQuery Mobile Framework – Static Containers, States でサンプルを見ることができます ちなみに、こ … 続きを読む

カテゴリー: jQuery Mobile | コメントをどうぞ

jQueryMobile でリンクをボタンにするには

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

カテゴリー: jQuery Mobile | 1件のコメント

jQuery Mobile での外部リンク設定

jQuery Mobile で外部リンクをはるには aタグに rel=”external” を追記します これは jQuery Mobile が基本的に ajax による画面遷移をしているためです … 続きを読む

カテゴリー: jQuery Mobile | 1件のコメント

jQuery Mobile で戻るボタン設置

jQuery Mobile で戻るボタンを設置するには data-add-back-btn=”true” を追記します 追記するのは <div id=”ページID” … 続きを読む

カテゴリー: jQuery Mobile | 1件のコメント

ひとつのHTMLファイルで複数のページ

jQueryMobile を使うことにより ひとつのHTMLファイルで複数のページを作成できます 正確には、 data-role=”page” の id で分けているだけです data-role= … 続きを読む

カテゴリー: jQuery Mobile | 1件のコメント

jQueryMobile でテキストリンクをボタンへ

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

カテゴリー: jQuery Mobile | 1件のコメント

jQuery Mobile ViewPort 解説

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

カテゴリー: jQuery Mobile | コメントをどうぞ

jQuery Mobile の解説

jQuery Mobile の基本的なUIは ヘッダーとフッター jQuery Mobile では page という概念があり、 1つのページに ヘッダー コンテンツ フッター という構成になります ページは紙面 dat … 続きを読む

カテゴリー: jQuery Mobile | 1件のコメント

jQueryMObile 1.1 になって変わったこと

jQueryMObile 1.1 になって変わったこと についてです ページアニメーション効果が turn , flow が増えます デフォルトアニメーションが slide から fade へ変更 ページ読み込み中の画面 … 続きを読む

カテゴリー: jQuery Mobile | 1件のコメント