jquery mobile使用指南

jquery mobile使用指南

ID:2248169

大?。?81.50 KB

頁數:16頁

時間:2017-11-15

jquery mobile使用指南_第1頁
jquery mobile使用指南_第2頁
jquery mobile使用指南_第3頁
jquery mobile使用指南_第4頁
jquery mobile使用指南_第5頁
資源描述:

《jquery mobile使用指南》由會員上傳分享,免費在線閱讀,更多相關內容在行業(yè)資料-天天文庫。

1、jQueryMobile使用指南簡介:jQueryMobile框架可以輕松的幫助我們實現非常好看的、可跨設備的Web應用程序。我們將后續(xù)的介紹中向大家介紹大量的代碼及實例。jQuery一直以來都是非常流行的富客戶端及Web應用程序開發(fā)中使用的JavaScript類庫,然而一直以來它都是為桌面瀏覽器設計的,沒有特別為移動應用程序設計。jQueryMobile是一個新的項目用來添補在移動設備應用上的缺憾。它是基本jQuery框架并提供了一定范圍的用戶接口和特性,以便于開發(fā)人員在移動應用上使用。使用該框架可以節(jié)省大量的js代碼開發(fā)時間,盡管目前的版本還是

2、不是一個穩(wěn)定的版本。但它的應用效果已經備受矚目。接下來我們將通過實例向大家展示jQueryMobile的特性及好處,讓我們看一下這個新框架是怎么幫助你在短時間內建立起一個高質量的移動應用程序,接下來的代碼講解中的代碼最好使用的移動設備平臺是IPhone或Android?;蛘呤荘C電腦上使用Safari瀏覽器調試。Goon!jQueryMsobile都能做什么??jQueryMobile為開發(fā)移動應用程序提代了非常簡單的用戶接口?這種接口的配置是標簽驅動的,這意味著我們可以在HTML中建立大量的程序接口而不不需要寫一行js代碼?提供了一些自定義的事件

3、用來探測移動和觸摸動作。例如tap(敲擊)、tap-and-hold(點擊并按?。wipe、orientationchange?使用一些加強的功能時需要參照一下設備瀏覽器支持列表?使用預設主題可以輕松定制應用程序外觀jQueryMobile基本頁面結構大部分jQueryMobileWeb應用程序都要遵循下面的基本模板PageTitle

4、ery.mobile-1.0a1.min.css"/>

PageTitle

5、ent">

Pagecontentgoeshere.

PageFooter

要使用jQueryMobile,首先需要在開發(fā)的界面中包含如下3個內容?CSS文件jquery.mobile-1.0a1.min.css?jQuerylibraryjquery-1.4.3.min.js?jQueryMobilelibraryjquery.mobile-1.0a1.min.js在上面的頁面基本模板中,引入這三個元素采用的是j

6、QueryCDN方式,開發(fā)人員也可以下載這些文件及主題到你的服務器上。我們可以看到頁面中的內容都是包裝在div標簽中并在標簽中加入data-role=”page”屬性。這樣jQueryMobile就會知道哪些內容需要處理。說明:data-屬性是HTML5新推出的很有趣的一個特性,它可以讓開發(fā)人員添加任意屬性到html標簽中,只要添加的屬性名有“data-”前綴。在”page”div中,還可以包含”header”,”content”,”footer”的div元素,這些元素都是可選的,但至少要包含一個“content”div。

7、”header”>在頁面的頂部建立導航工具欄,用于放置標題和按鈕(典型的至少要放一個“返回”按鈕,用于返回前一頁)。通過添加額外的屬性data-position=”fixed”,可以保證頭部始終保持屏幕的頂部包含一些主要內容,例如文本內容,圖像,按鈕,列表,表單等等在頁面的底建立工具欄,添加一些功能按鈕為了確保它始終保持在頁面的底部,可以給其加上data-position=”fixed”屬性多個頁面在同一個頁面中有一種建立在

8、一個HTML頁面基礎之上的頁面結構,即在一個頁面中添加多個data-role=”page”。這意味著瀏覽器僅僅得到一個頁面

當前文檔最多預覽五頁,下載文檔查看全文
侵權申訴

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權有爭議請及時聯系客服。
3. 下載前請仔細閱讀文檔內容,確認文檔內容符合您的需求后進行下載,若出現內容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯系客服處理。
相關標簽