简体中文(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
원래의
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)은 Gutenberg 편집기에서 style.css를 로드하지 않습니다. 저는 맞춤형 WordPress 블록 테마를 만들기 위해 UdemyWordPress 과정을 수강하고 있습니다. function.php에 블록 유형을 성공적으로 등록...
    에서 2023-11-12 20:37:50
    0
    2
    261
    NextJS의 애플리케이션 라우터에 있는 페이지/_app.js의 대안은 무엇입니까? 방금 NextJS를 사용하기 시작했는데 Application Router라는 새로운 라우터가 있습니다. 이제 NextJS 페이지 라우터의 페이지/_app.js를 ...
    에서 2023-11-11 09:38:14
    0
    1
    395
    Vue, vite: GET http://localhost:3000/@vite/client The title of net::ERR_ABORTED 404 (Not Found) is rewrite to: Vue, vite: on 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 파일을 만들었습니다. 루트 디렉터리에 다음과 같은 .en...
    에서 2023-10-30 19:02:05
    0
    1
    435
    관련 주제
    더>
    인기 추천
    인기 튜토리얼
    더>
    관련 튜토리얼
    인기 추천
    최신 강좌
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！