简体中文(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
原創
1603 人瀏覽過

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
    作者最新文章
    最新問題
    WordPress 6.0 (add_editor_style) 不會在古騰堡編輯器中載入 style.css 我正在學習UdemyWordPress課程來建立自訂WordPress區塊主題。我成功在function.php中註冊了區塊類型，並且可以在古騰堡編輯器中選擇我的區塊。教學建議使用...
    來自於 2023-11-12 20:37:50
    0
    2
    261
    NextJS 中應用程式路由器中pages/_app.js 的替代方案是什麼？ 我剛開始使用NextJS，有一個名為應用程式路由器的新路由器。現在我有一些使用NextJS頁面路由器中的pages/_app.js的教學。那麼，應用路由器中對應的檔案是什麼？
    來自於 2023-11-11 09:38:14
    0
    1
    395
    Vue, vite: GET http://localhost:3000/@vite/client net::ERR_ABORTED 404 (Not Found) 的標題重寫為：Vue, vite: 在http://localhost:3000/@vite/client 上發起的GET 請求出現net::ERR_ABORTED 404（未找到）錯誤 我正在使用Vue和vite來練習使用API​​獲取資料的網路應用程式的工作流程，參考了這個教學。在執行yarndev指令的最後，我遇到了錯誤。我嘗試過：直接克隆項目並運行相同的命令...
    來自於 2023-11-06 11:49:11
    0
    2
    255
    Vuejs - VSCODE 中未設定斷點 我正在嘗試使用vscode調試vuejs，我已經嘗試了很多教程/答案，但無法使其工作。所以我決定在這裡問一個問題，也許現在有一個正確的方法可以讓它發揮作用。我創建了一個與我要調試的...
    來自於 2023-11-02 15:53:39
    0
    2
    292
    Hardhat 編譯錯誤'期望 HttpNetworkConfig 類型的值” 我正在嘗試遵循此處的NFT教程。我已經在Alchemy上設定了帳戶，並且Metamask創建了.sol檔案。我的根目錄中有一個.env文件，如下：API_URL="htt...
    來自於 2023-10-30 19:02:05
    0
    1
    435
    相關專題
    更多>
    熱門推薦
    熱門教學
    更多>
    相關教學
    熱門推薦
    最新課程
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！