Jquery Mobile 학습 노트 01
<body>
<!-- data-role="page" 是在浏览器中显示的页面。 -->
<div data-role="page" id="page1" data-fullscreen="true">
<!-- 头部data-role="header" 是在页面顶部创建的工具条 (通常用于标题或者搜索按钮) -->
<div data-role="header" data-position="fixed"><!-- data-position=fixed 填充页面 header与footer一致,不然可能在移动端页面出现上下位移差-->
<h1>欢迎来到我的移动端网页</h1>
</div>
<!-- 正文data-role="content" 定义了页面的内容,比如文本, 图片,表单,按钮等。 -->
<div data-role="content"><!-- 正文部分-->
厉害吗?<br>
<a href="#page2">跳往页面2</a>
</div>
<!-- 尾部data-role="footer" 用于创建页面底部工具条。 -->
<div data-role="footer" data-position="fixed">
<h1>结束了!</h1>
</div>
</div>
</body>
data - * html 5 에서 유래 한 각종 ui 요 소 는 header, content, footer 용기 에 HTML 요소 - 단락, 그림, 제목, 목록 등 을 추가 할 수 있 습 니 다.
첫 번 째 간단 한 대화 페이지 를 써 보 세 요.
<html>
<head>
<title>首页</title>
<link rel="stylesheet" href="jQuery/JqueryMobile/jquery.mobile-1.4.5.min.css" />
<script src="jQuery/jquery-1.11.2.min.js"></script>
<script src="jQuery/JqueryMobile/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="page1" data-fullscreen="true">
<!-- 头部 -->
<div data-role="header" data-position="fixed">
<h1>欢迎来到我的移动端网页</h1>
</div>
<!-- 正文 -->
<div data-role="content">
厉害吗?<br>
<a href="#page2">跳往页面2</a>
</div>
<!-- 尾部 -->
<div data-role="footer" data-position="fixed">
<h1>结束了!</h1>
</div>
</div>
<div data-role="page" id="page2">
<!-- 头部 -->
<div data-role="header" data-position="fixed">
<h1>欢迎来到我的移动端网页</h1>
</div>
<!-- 正文 -->
<div data-role="content">
厉害!<br>
<a href="#page3" data-rel="dialog">跳往页面3</a><!-- 以弹窗方式的窗口 -->
</div>
<!-- 尾部 -->
<div data-role="footer" data-position="fixed">
<h1>页面2结束了!</h1>
</div>
</div>
<div data-role="page" id="page3">
<!-- 头部 -->
<div data-role="header" data-position="fixed">
<h1>欢迎来到我的移动端网页</h1>
</div>
<!-- 正文 -->
<div data-role="content">
厉害!!<br>
<a href="#page1">跳往页面1</a>
</div>
<!-- 尾部 -->
<div data-role="footer" data-position="fixed">
<h1>页面2结束了!</h1>
</div>
</div>
</body>
</html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.