>  기사  >  웹 프론트엔드  >  【HTML5】 jQuery Mobile 初体验

【HTML5】 jQuery Mobile 初体验

WBOY
WBOY원래의
2016-05-17 09:09:021645검색

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文件。



  1. ...

  2. ...

  3. ...

复制代码

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

  1.   

  2.    
  3.     Page Title

  4.    

  5.    
  6.    
  7.    






  8.    

  9.         

    Page Title


  10.    


  •    
       
  •         

    Page content goes here.

            
  •    


  •    

  •         

    Page Footer


  •    




  • 复制代码


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


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


    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    이전 기사:HTML5每日一练之Canvas标签的应用다음 기사:html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现 ... ...

    관련 기사

    더보기