jQuery Mobile的基本使用

Posted 2020-08-14

本人是软件开发的初学者，总结了一点点日常所学，记录在此，主要目的是鼓励自己坚持学习，怕有一天忘记了，还能复习曾经学过的知识点。

如有大神路过为我指点迷津，纠正改错更是感激不尽，但请不要喷我这个菜鸟！谢谢

jQuery Mobile的基本使用方法和简单的知识点

　安装:  <link rel="stylesheet" href="下载到本地的文件目录.min.css" media="screen" title="no title">这个是jQuery Mobile库，下载网址:jquerymobile.com

 　　 　  <script src="./js/jquery-1.12.4.min.js"></script>这个是jQuery的库，下载网址:jquery.com/download

　　　    <script src="./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"