jquery mobileモバイルweb(5)

5803 ワード

順序付きリスト

   
    
          
  1. List 1
  2.       
  3. List 2
  4.       
  5. List 3
  6.     
  

読み取り専用リスト

   
       

分割可能ボタンリスト

   
       

バルーンカウントリストを含む

   
    
          
  • List 133
  •       
  • List 2222
  •       
  • List 3111
  •     
  

オプションを設定します.
jquery Mobileは、実行を開始するとdocumentオブジェクト上でmobileinitイベントをトリガーします.このイベントでは、デフォルトの対応する関数を書き換えることができます.各種属性パラメータを構成します.
使用方法は次のとおりです.

 $(document).bind("mobileinit",function(){ 
        //            。
     })
     
     
     

にオブジェクトを します:$.mobile. このオブジェクトの は、さまざまなオプションとデフォルトの を することです. 

$(document).bind("mobileinit",function(){ 
      $.mobile.foo = "foo";l
    })

なオプション:
     1.ns
タイプ: 、デフォルトは でない です. :$.mobile.ns=「mynamespace」の :ネーミングスペースをカスタマイズし、ネーミングスペースを します.
     2.autolnitializePage
タイプ:ブールタイプ、デフォルトはtrueです. :$.mobile.AutoInitializePage=falseの :デフォルトでは、ページDOM の が すると、プログラムは に$をロードします.mobile.initializePage が
false
ページは されず、 になります.
     3.subPageUrlKey
タイプ: 、デフォルトはui-pageです.
:$.mobile.subPageUrlkey = "page"
:jQuery MobileビューのURLアドレスにおけるkeyパラメータ を し、 したパラメータをsubPageUrlKey="page"に した urlアドレス
されます
       example.html?page=subpage.
     4.activePageClass
タイプ: 、デフォルトはui-page-active
:$.mobile.activePageClass = “ui-ns-page-active”.
: な は、アクティブなステータスページと なステータスをカスタマイズするときのビューcssスタイルです.
     5.activeBtnClass
タイプ: 、デフォルト ui-btn-active
:$.mobile.activeBtnClass = "ui-ns-page-active"
:このオプションの な は、アクティブな の のスタイルをカスタマイズすることです.
     6.ajaxEnabled
タイプ:ブール 、デフォルトはtrue
:$.mobile.ajaxEnabled = false
:フォームまたはボタンの または をクリックしたときに、Ajax でページをロードするか、データを するかを します.
    7.hashListeningEnabled
タイプ:ブール 、デフォルト はtrueです.
:$.mobile.hashListeningEnabled = false
:locationを に するかどうかを します.hashの 、falseに すると、hashの を で したり、 を に したりすることができます.
アドレスをジャンプします.
     8.defaultPageTransition
タイプ: 、デフォルトはslide
:$.mobile.defaultPageTransition = “fade”
:このオプションパラメータは にページ のデフォルトの を し、noneに するとページ に がなく、オプションのパラメータslideup( にスライド)
slideup( から へスライド)slidedown( から へスライド)pop( から)
     9.touchOverflowEnabled
タイプ:ブール 、デフォルトはfalse
:$.mobile.touchOverflowEnabled = true
: の の スクロール を するかどうか.
    10.defaultDialogTransition
タイプ: 、デフォルトはpop
:$.mobile.defaultDialogTransition = "none"
:Ajaxダイアログボックスのポップアップ を し、noneに すると な はありません.
    11.minScrollBack
タイプ: 、デフォルトは150
:$.mobile.minScrollBack = “200”
:スクロールが した さを えると、スクロール がトリガーされます.
    12.loadingMessage
タイプ: のデフォルト はloadingです
:$.mobile.loadingMessage=「ロード 」
:ページのロード のテキスト を します.falseに した 、 も されません.
    13.pageLoadErrorMessage
タイプ: 、デフォルト はError Loading Page
:$.mobile.PageLoadErrorMessage=「ページのロードに しました」
:Ajaxページ に した に されるプロンプトのテキスト を します.
     14.gradeA
タイプ:ブール 、デフォルトは$です.support.Mediaqueryの
:$.mobile.gradeA
:ブラウザがサポートするすべての に する にtrueが されます.
JQuery MobileとHTML 5の3つの
1.オリジナルプログラムより い: から れば の は、 のAndroidとiOSハードウェア(デュアルコアTegra 2 Android 、デュアルコアiPad 2タブレット)でも、JQuery Mobileアプリケーションが らかに いことです.
プログラム. にAndroidでは、ブラウザはiOSよりも くバグが い(Googleはweb に している だが). はもっと いAndroidデバイスで のプログラムをテストしていないので、 できないかもしれません( えばAndroid G 1). 12~24ヶ でハードウェアの が に すると じています( えば、クアッドコアデバイスは2011 に されます)、 はすぐに にならないかもしれません.しかし、 、それは かに です.iOSだけに している は、ブラウザのパフォーマンスを することができます. なくとも、Android、ブラックベリーなどではありません.
2. (ブラウザ 、プラットフォーム ):JQuery Mobileは もbetaバージョンなので、 くのバグに しました.つまり、JQueryチームはGitHubで された に に している.その の は、さまざまなブラウザが なる プラットフォームで な をしていることだと います.この はずっと されている.アプリケーションは に えるかもしれません.JQuery Mobileチームはwidgetとテーマでよくやっていると いますが、 かにオリジナルのプログラムとは しく います.この がユーザにどれほど を ぼすかは からないが,この に が である.
3. られた vsオリジナルプログラム:ブラウザ で されるJavaScriptがデバイスの くの に にアクセスできないことは らかです. な はカメラです.しかし、PhoneGapのようなツールは、 くの な を するのに ちます. 、 はすでに のアプリケーションをPhoneGapを じてiOSとAndroidにいくつかのバージョンを し めました.オリジナルのFacebookバインドを しています. は に い を えました. のブログでPhoneGapを った を きます.