jQuery MobileでAjaxで取得したページでスタイルシートを反映させる
jQuery MobileでAjaxで取得したページでスタイルシートを反映させる リクリのセミナーでjQuery MobileでAjaxで取得したページのスタイルシートが反映されないとの質問を受けました。 イメージとしてはこんな感じだと思います。 index1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> <title>jQuery Mobile</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2
jQueryMobileの基礎/ツールバー 2 | TechBooster
jQueryMobileの基礎/ツールバー 1でツールバー（ヘッダー、フッター）の基本的な使い方について説明しました。 今回はツールバーの以下の特殊なモードについて説明します。 固定ポジションモード ナビゲーションバー それでは続きへどうぞ 固定ポジションモード jQuery Mobileではヘッダーとフッターを画面上に固定することができます。 固定しない場合は、表示しているページが1画面に収まらない場合、一番下までスクロールした時にフッターが表示されます。しかし、固定ポジションモードを使うとスクロールが必要な場合でも画面の上下にヘッダーとフッターが表示されるようになります。 固定ポジションモードを設定するにはヘッダー／フッターに属性data-position=“fixed”を設定します。 ヘッダーとフッターそれぞれに設定する必要があるので注意してください。 ■jQueryMobileSa
スマートフォン用WebアプリフレームワークjQueryMobile使ってみた
スマートフォン用WebアプリフレームワークjQueryMobile使ってみた jQueryMobileはiPhoneなどのスマートフォン用のWebアプリやサイトをお手軽に開発するためのjQuery用のフレームワークです。 すでに多くの情報のであれですが、使ってみたので導入的なメモです。 投稿日2011年05月31日 更新日2011年05月31日 jQueryMobileをダウンロードとインポート プラグイン本体を下記URLからダウンロードします。 ここでは現在最新版である「jquery.mobile-1.0a4.1.zip」を使用します。 またjQuery本体も必要ですのでダウンロードします。 jQuery Mobile zipを解凍したらjsファイルとcssファイルをインポートします。 ここではフォルダをjsという名称にリネームしました。 index.html <!DOCTYPE htm
[jQuery Mobile]役立つコード集とつまづきやすいポイント | コリ
jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアップ ダイアログの作成 キャンセルとセーブのボタン カラム構造を作る時のポイント スマフォ対応ページの基本HTML まずは、スマートフォン対応ページを作成するための基本となるHTMLです。 HTML <!DOCTYPE html> <html> <head> <
サンプルで学ぶjQuery Mobileまとめ（前編） (1/5)
jQuery Mobileにはこれまで紹介した以外にもさまざまな機能があります。サンプルの作成を通じて紹介した基本的な使い方をおさらいしつつ、そのほかの機能も併せてまとめておきましょう。 ページの作成 jQuery Mobileでは、1つのHTMLに複数のページのコンテンツをまとめて記述します。ページの区切りやページ内のレイアウトは、カスタムデータ属性のdata-role属性で定義します。 ページの作成 data-role="page" div要素などにdata-role属性「page」を指定すると、HTML内にページを作成できます。data-role="page"を指定した要素には他と重複しないページIDを付け、id属性に記述します。 ヘッダーの表示 data-role="header" ページ内にdata-role属性「header」を指定した要素を配置すると、ヘッダーが表示されます。
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード - かちびと.net