jQuery mobileモバイルweb(4)

4063 ワード

モバイルインターネットの発展は、様々なモバイルWebフレームワークを生み出した.jQuery Mobileはタッチ体験向けのweb UI開発フレームワークで、AndroidやiOSなどのタッチスクリーンモバイル機器に適したJavascriptライブラリにWebアプリを簡単にパッケージ化でき、HTML 5と組み合わせることで、良好なインタフェースとユーザー体験を持つWebアプリを迅速に開発でき、何もインストールする必要がなく、必要な*だけを簡単に開発できる.jsと*.cssファイルは直接webページに含めるといいです.
ドロップダウンメニュー:
label要素のfor属性をselect label要素のテキスト内容としてオプションの名前としてdiv要素を定義し、data-role属性値をfieldcontainとする.

   
            

グループの選択メニュー
select要素でoptgroupを作成します.  

                  

Optionデータ項目を指定する選択メニューを無効にする

    
                

一般接続リスト

      
        

      
      
        
              
  • List 1
  •           
  • List 2
  •           
  • List 3
  •           
  • List 4
  •         
      
  

多層ネストリスト.
   

    
      

    
    
      
            
  •           List 1           

              
                  
    •               subList 1 of 1               subList 1 of 2               subList 1 of 3             
    •           
            
  •         
  •           List 2           

              
                  
    •               subList 2 of 1               subList 2 of 2               subList 2 of 3             
    •           
            
  •       
  •         List 3         

            
                
    •             subList 3 of 1             subList 3 of 2             subList 3 of 3           
    •         
        
  •   
  
  

以上の内容は、jQuery mobileモバイルweb(4)に関する知識を小編で共有していますので、お気に召してください.