jquery mobileモバイルweb(5)
5803 ワード
順序付きリスト
読み取り専用リスト
分割可能ボタンリスト
バルーンカウントリストを含む
オプションを設定します.
jquery Mobileは、実行を開始するとdocumentオブジェクト上でmobileinitイベントをトリガーします.このイベントでは、デフォルトの対応する関数を書き換えることができます.各種属性パラメータを構成します.
使用方法は次のとおりです.
にオブジェクトを します:$.mobile. このオブジェクトの は、さまざまなオプションとデフォルトの を することです.
なオプション:
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を った を きます.
読み取り専用リスト
分割可能ボタンリスト
バルーンカウントリストを含む
オプションを設定します.
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を った を きます.