简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > H5教程 > 主體

【HTML5】 jQuery Mobile 初体验

WBOY
發布： 2016-05-17 09:09:02
原創
1641 人瀏覽過

jQuery Mobile v1.1.0上个月已经发布，由于好奇就学习了一下。jQuery Mobile是 jQuery 在手机和平板设备上的版本，用于创建针对智能手机和平板电脑的跨设备Web应用。jQuery的用户界面总设计师Todd Parker(jQuery之父)称，jQM旨在“为 jQuery 社区创建一个优雅的能够兼容当前所有主流移动平台的HTML5 UI库”。

jQuery mobile页面结构jQuery Mobile 应用了 HTML5 标准的特性，在结构化的页面中完整的页面结构分为 header、content、footer 这三个主要区域。 jQuery mobile站点的页面必须以HTML5的doctype开头，即 “”（不支持HTML5的浏览器会忽略这个标签）。

然后引入jQuery，jQuery mobile的javascript代码文件以及jquery mobile的css文件。



  2. ...

  3. ...

  4. ...

复制代码

下面是一个完整的单页面：

  1.   

  3.    
  4.     Page Title

  6.    

  8.    
  9.    
  10.    






  17.    

  18.         

    Page Title


  19.    


  •    
       
  •         

    Page content goes here.

            
  •    


  •    

  •         

    Page Footer


  •    




    • 复制代码



    体验网址：http://www.gofane.com/mobileSSQ/


    使用安卓手机，海豚浏览器感觉还可以。


    相關標籤：
    ht
    來源：php.cn
    上一篇：HTML5每日一练之Canvas标签的应用 下一篇：html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现 ... ...
    本網站聲明
    本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
    作者最新文章
    最新問題
    MERN stack搜尋方塊和複選框的正規表示式篩選器 我正在嘗試透過邊做邊學來了解MERN堆疊如何協同工作，並且我正在遵循bezcoder的這些教程：Node.js/Express/MongoDb（Github整個程式碼）和React...
    來自於 2024-04-06 14:53:12
    0
    1
    425
    PDF檔案能夠運行HTML5和Javascript嗎？ 我有一個愚蠢的想法，想嘗試製作一個在任何計算機上都不會被阻止的程序，因為它將嵌入在PDF中（我聽說Javascript可以在PDF中運行）。它將在PDF檔案中運行HTML5和Jav...
    來自於 2024-04-05 12:57:00
    0
    1
    456
    Prestashop安裝問題：無法安裝自訂模組 我是Prestashop模組開發的新手。我正在嘗試建立艾米的第一個prestashop模組[參考：這是我的程式碼。我按照該教程中的說明進行了所有操作https://devdocs....
    來自於 2024-04-03 19:24:44
    0
    1
    402
    PHP教學：如何使用PHP將文字與圖片上傳到Linkedin？ 我嘗試使用LinkedinsRestAPI上傳文字、圖像和連結(https://learn.microsoft.com/en-us/linkedin/consumer/integr...
    來自於 2024-04-03 18:42:29
    0
    1
    420
    無法從我的 mySQL 資料庫接收訊息，儘管已經看到教程做了完全相同的事情 所以我正在嘗試製作一個讀取和寫入MySQL資料庫的程序，這讓我找到了YouTube教學。我的問題是，儘管經歷了與教程中的人完全相同的過程，但我最終得到了一個空伺服器，儘管應該彈出什...
    來自於 2024-04-03 14:46:04
    0
    1
    298
    相關專題
    更多>
    熱門推薦
    熱門教學
    更多>
    相關教學
    熱門推薦
    最新課程
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！