【手機網頁入門實做】jQueryMobile入門 – 下載 & 連結

Hi!各位朋友大家好,我是小蔡老師,因應行動裝置越來越頻繁使用的時代,幾乎人手一之手機,行動裝置專用的開發變成新時代的潮流,這邊我們來開始研究新語法的研究,我們來簡單的了解一下jQuery Mobile的製作,請各位對這有興趣的朋友建議先去了解何謂javascrtip、jQuery與Dom再來學習這套會比較容易上手

jQuery Mobile 是基於jQuery建立的框架於20120年10月推出初期版本,打破以往需要另外特製手機網頁的框架,現今僅需要套用製作立即就能達成行動裝置的製作

jQuery Mobile的特點:

● jQueryMobile是使用jQuery函數庫,所以和jQuery使用相同語法‧
● jQueryMobile 可以讓我們更容易開發手機網頁的使用頁面‧
● jQueryMobile的使用介面是使用標記驅動來設定與配置‧且它是直接使用
HTML5的data-*標籤來建立各種使用介面元素‧
● jQueryMobile可以跨行動裝置,支援iOS、Android、BlackVerry…..等手機網
頁應用程式的開發‧
●jQueryMobile提供觸摸、觸摸按住、滑過、方向改變等自訂事件,可以讓我們
輕鬆處理手機行動裝置的觸控操作‧
● jQueryMobile 是使用佈景(Themes)來建立一致的使用介面外觀,可以讓我們 很容易客製化使用者介面外觀‧

實例操作:

步驟1. 下載jQuery Mobile: (http://jquerymobile.com/download/)
0158

步驟2.直接找到ZIP FILE,點選【ZIP FILE: jQuery.mobile-1.1.1.zip】下載完整JavaScript、CSS和image檔
0157

步驟3. 下載完畢後,解壓縮應該會出現下面這些檔案,這邊請記得要把原本下載的jquery-1.8.0放再同一個資料夾方便製作(注意版本會隨官方網站有所變動)
0160

步驟5. 因為jQuery Mobile是一個HTML5網頁,所以我們要用HTML5的規格來書寫

步驟6. 這邊我們只要我們需要從網路上面jQuery Dom系統內所抓出的Mobile系統細部連結好就能開始製作行動裝置頁面,連結方式請直接參考下面須直接書寫在網頁格式區塊內
002


雅朵多媒体FB粉絲團:https://www.facebook.com/yaduo.arts
BLOG: https://blog.yaduo-arts.com
如果您還沒幫雅朵粉絲團按讚! 請幫忙按讚! 表示你的支持 感謝!!!

(BLOG 線上教學皆為雅朵美術工房所有&BLOG作品皆為設計者阿哲類所有 未經同意請勿盜連或者轉帖,違反者依法處理)

我想發問