简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > 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 스택 검색 상자 및 확인란에 대한 정규식 필터 MERN 스택이 학습을 통해 함께 작동하는 방식을 이해하려고 노력하고 있으며 bezcoder의 다음 튜토리얼을 따르고 있습니다. Node.js/Express/Mo...
    에서 2024-04-06 14:53:12
    0
    1
    425
    PDF 파일에서 HTML5 및 Javascript를 실행할 수 있습니까? PDF에 포함되므로 어떤 컴퓨터에서도 차단되지 않는 프로그램을 만들어 보자는 어리석은 생각이 있습니다(Javascript가 PDF에서 실행될 수 있다고 들었습니다...
    에서 2024-04-05 12:57:00
    0
    1
    456
    Prestashop 설치 문제: 맞춤 모듈을 설치할 수 없습니다. 저는 Prestashop 모듈 개발이 처음입니다. 저는 Amy의 첫 번째 prestashop 모듈을 구축하려고 합니다. [참조: 제 코드는 다음과 같습니다. 이 ...
    에서 2024-04-03 19:24:44
    0
    1
    402
    PHP 튜토리얼: PHP를 사용하여 Linkedin에 텍스트와 이미지를 업로드하는 방법은 무엇입니까? LinkedinsRestAPI(https://learn.microsoft.com/en-us/linkedin/consumer/integrations/self-ser...
    에서 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 학습자의 빠른 성장을 도와주세요！