使用jquery mobile 建設(shè)時髦的手機(jī)

ID：13051811

大小：2.51 MB

頁數(shù)：31頁

時間：2018-07-20

資源描述：

《使用jquery mobile 建設(shè)時髦的手機(jī)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、jQueryMobile構(gòu)建時髦的手機(jī)Web網(wǎng)站W(wǎng)interLauhttp://my.oschina.net/javayou內(nèi)容手機(jī)網(wǎng)站（新舊對比）jQueryMobile簡單介紹一個最簡單的jQueryMobile網(wǎng)頁使用jQueryMobile開發(fā)手機(jī)網(wǎng)站jQueryMobile支持的設(shè)備jQueryMobile的不足jQueryMobile認(rèn)知jQueryMobile不是jQuery的移動版本jQueryMobile是一個jQuery的插件jQueryMobile的大小（最小化）jQuery1.6.2(90k

2、)jQueryMobileCSS(44k)jQueryMobileJS(71K)img(<10k)jQueryMobile的作用可以輕松的幫助我們實現(xiàn)非常好看的、可跨設(shè)備的Web應(yīng)用程序。JM開發(fā)的web應(yīng)用像NativeAppJM包含Web應(yīng)用中的各種常用部件對話框、表單、列表、按鈕、工具條等使用Ajax加載頁面，實現(xiàn)炫麗的頁面切換效果jQueryMobile關(guān)鍵特點基于jQuery兼容主流的手機(jī)瀏覽器和桌面瀏覽器體積小，壓縮后20K左右HTML5風(fēng)格的配置頁面自動初始化，通過data-role屬性自動對頁

3、面部件進(jìn)行初始化觸摸屏和鼠標(biāo)事件支持豐富的UI部件可擴(kuò)展的頁面樣式框架編寫JqueryMobile頁面從HelloHTML5開始HelloHTML5一個最基本的jQueryMobile頁面：HelloHTML5

4、http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css"/>

5、

HelloHTML5

Pagecontentgoeshere.

©開源中國社區(qū)

6、>頁面運(yùn)行結(jié)果data-role=headerdata-role=contentdata-role=footer1.data-role=“page”是可選的(從1.0b2開始)2.上述三個元素并非必須3.一個頁面可以有多個date-role=“page”并使用id來進(jìn)行標(biāo)識以及導(dǎo)航例如SecondJM的鏈接處理方式默認(rèn)的鏈接行為：Ajax加載顯示(loading…)以下方式禁用Ajax加載鏈接ref=‘exte

7、rnal’data-ajax=‘false’target=‘xxx’返回鏈接data-rel=‘back’其他鏈接mailto:xxxx@xxxx.comtel:15555555555wtai://wp/mc;15555555555dc:234*234*234JM內(nèi)置的6種頁面主題引入主題的方式：JM的工具欄/導(dǎo)航條在jQueryMobile中,有兩種標(biāo)準(zhǔn)類型的工具欄：Headerbar充當(dāng)頁面標(biāo)題的作用,通常是mobilepage中的

8、第一個元素，一般包含有一個頁面標(biāo)題和兩個按鈕。Footerbar通常是最后一個元素，相比于header在內(nèi)容和功能上面更加自由，但是一般包含一些文字和按鈕。導(dǎo)航條：

使用jquery mobile 建設(shè)時髦的手機(jī)

使用jquery mobile 建設(shè)時髦的手機(jī)

HelloHTML5

©開源中國社區(qū)

相關(guān)文章

相關(guān)標(biāo)簽