简体中文(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
原创
1602 人浏览过

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获取数据的Web应用程序的工作流程，参考了这个教程。在执行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="h...
    来自于 2023-10-30 19:02:05
    0
    1
    435
    相关专题
    更多>
    热门推荐
    热门教程
    更多>
    相关教程
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！