詳細
jQuery Mobileフレームワークは、モバイルデバイスのアクセスに適したWebサイトを迅速に作成するためのJavaScriptライブラリです.現在のページをタッチ操作に適したページに変換できます.jQuery Mobileは、ブラウザを通じてタッチに優しいアプリケーションに直接アクセスすることができます.jQuery Mobileには、Webアプリケーションのインタフェースで使用できるトピックがたくさんあります.jQuery Mobileには、一般的な要素、header、conent、footerなど、推奨されるページ構造があります.これらの要素はHTML 5 data-roleという属性で定義されています.次のコードはjQuery Mobileが推奨するページテンプレートです.
 

 
 
もう一つの重要な要素はラベルです.このラベルは、ブラウザがこのサイトをどのように表示すべきかを定義します.
 

ラベルは、アクセスするデバイスによって異なる方法でWebページを表示する重要なラベルです.
 
 
jQuery Mobileフレームワークには、ページの要素のスタイルを全方位に制御するページテーマシステムが含まれています.HTML 5タグは、この要素のトピックを指定するために異なる要素に追加できます.jQuery Mobileのデフォルトでは、AからGまでの7つのトピックが提供されています.自分のスタイルを作成したり、HからZなど、使ったことのないアルファベットで名前を付けたりすることもできます. 
 
ページトピックページトピックには、HTML要素のスタイルが含まれます.jQuery Mobileは要素を推奨し、data-roleプロパティを追加します.このdivにスタイルを追加するには、data-themeプロパティを追加する必要があります.ここでは、名前として「G」を使用します.
 

 
  
 
 
  
    data-role data-theme ，jQuery Mobile           CSS         。                    ：  
 
  
 
  
 
 
  
     ，ui-page ui-page-active   data-role page    ， ui-body-g   data-theme       。
 
  
 
 
  
      
 jQuery Mobile   ，     header footer  。         header  footer，     data-role    。          header    footer。    ： 
 
  
 
   
 
    
 
     


    
    



 



    
  


    
ツールバーにスタイルを  するのもdata-themeプロパティを  し、カスタムスタイル を  します. :


    
  e


    
  
  
コンテンツ・トピックは、  の2つの  と  に、 の  でコンテンツ  をフォーマットできます.


    
  

      


    
このブロックはページのロード に じられ、ユーザーがタイトルをクリックすると、ブロックの  が  されます.  
リストスタイルリストは、モバイルデバイスページの   なコンポーネントです.   なHTMLリストをタッチデバイスが いやすいリストに  するには、data-roleプロパティを  するだけでいいです. えば、


  
  し1

  
タイトル2

  
  し3


   
    
  
リストのデフォルトはフルスクリーン ですが、フィレットを  する  はdata-insertプロパティを  してtrueに り てることができます.
  
フォームとボタンのトピックjQuery Mobileを  してフォームを  すると、  のWebサイトと わらないので、    を  したり、ラベルを  したりします.これらの  は  のページスタイルを  します.


  
  

  


       

    

      

    

    


      


          

      

      


          

      

    

  

    
もちろん、フォーム  は  でスタイルをカスタマイズすることもできますが、ここでは「g」というスタイル を  します.
 の2つのコードでは、fieldsetにはカスタムボタンがあり、 ボタンには なるトピックがあることがわかります.Resetボタンはデフォルトのトピックを  し、Submitボタンはfトピックを  します.  
  
ご のように、submitボタンにはカスタムグラデーション  があり、このボタンをより  たせます.