首页 > 代码库 > jQuery Mobile的基本使用
jQuery Mobile的基本使用
本人是软件开发的初学者,总结了一点点日常所学,记录在此,主要目的是鼓励自己坚持学习,怕有一天忘记了,还能复习曾经学过的知识点。
如有大神路过为我指点迷津,纠正改错更是感激不尽,但请不要喷我这个菜鸟!谢谢
jQuery Mobile的基本使用方法和简单的知识点
安装: <link rel="stylesheet" href="http://www.mamicode.com/下载到本地的文件目录.min.css" media="screen" title="no title">这个是jQuery Mobile库,下载网址:jquerymobile.com
<script src="http://www.mamicode.com/js/jquery-1.12.4.min.js"></script>这个是jQuery的库,下载网址:jquery.com/download
<script src="http://www.mamicode.com/js/jquery.mobile-1.4.5.min.js"></script>这个是jQuery Mobile库,下载网址:jquerymobile.com
Demo:需要引入meta, 为了使我们的网站适应移动设备屏幕尺寸. 并设置不要让页面缩放, 让他以1:1的比例.
<meta name="viewport" content="width=device-width,initial-scale=1">
在body标签内写:
<div data-role=‘page‘>
<div data-role="header">……</div>
<div role="main">……</div>
<div data-role="footer">……</div>
</div>
显示顶部和底部:在顶部和底部分别加入下面的属性, 就可以让跟着页面跑的顶部和底部固定下来.
data-position="fixed"
jQuery Mobile的基本使用