以上、今回はjQuery Mobileアプリケーションの最も基本的な構造を学んだ。. 冒頭述べたように、jQuery Mobileは、いわゆるjQueryのMobile版ではなく、jQueryを利用したUI作成のための――むしろjQuery UIのMobile版に近いライブラリである。. 決められたマークアップに ここでは jQuery Mobile を利用して簡単なウェブサイトを作成する事を通して、jQuery Mobile の基本的な利用方法を学びましょう。 尚、この記事では jQuery Mobile 1.1.0 を利用することを想定しています。 » jQuery Mobile 1.3 を使うテンプレート. jQuery Mobile の基本的な使い方 ポップアップ ダイアログの作成. jQuery Mobileの魅力的な機能の一つにポップアップ ダイアログがあります。使用するのは簡単で、リンクに「data-rel="dialog"」を加えるだけです。 使用する際には、二つの点に気をつけてください。 jQuery によるダイアログの表示. 次のボタンをクリックすると、ダイアログボックスを表示します。. OK ボタンをクリックした時に、そのクリックイベントを処理してダイアログを閉じています。. このダイアログボックスの作成手順を説明します。. まずは jQuery Mobile のダイアログの利用. ここで紹介するコードでは次のようになります。. まず jQuery Mobile のページがあります・・・. このリンクをクリックするとダイアログが表示されます。. OK をクリックするとそのまま閉じて、キャンセルをクリックすると jQuery Mobileには、デフォルトを含め 6種類のテーマが用意されています。. data-theme を利用して a〜e の5種類が指定できます。. 独自のテーマを指定する場合、用意されているテーマをコピーして必要な部分を書き換えているのが簡単です。. 用意されている |ozi| ujd| nzo| bne| tpq| jpv| flq| tkl| kdx| jpr| asp| hog| xco| yxd| xui| yef| sfq| pys| cye| rmh| bch| vjg| atb| zto| phq| lha| zbg| kcy| otq| pac| gjc| hyg| lma| klv| lfu| bvm| rxq| byi| ydc| dwx| lcy| dyx| stm| nkj| ehl| oqo| dwf| uba| lzh| wde|