首页 > Web开发 > 详细

jQuery Mobile的基本使用

时间:2016-10-12 22:20:11      阅读:133      评论:0      收藏:0      [点我收藏+]

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

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

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"

 

jQuery Mobile的基本使用

原文:http://www.cnblogs.com/Mrzhangjwei/p/Mrzhangjwei.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!