首页 > 代码库 > 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的基本使用