2016.09.22 Jquery mobile 制作单页面多应用Webapp

简介

jQuery Mobile 是创建移动 web 应用程序的框架。
jQuery Mobile 适用于所有流行的智能手机和平板电脑。
jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。

官网

http://jquerymobile.com
配合jquery 才能正常使用

一个小实例

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js">        </script>
</head>
<body>

<div data-role="page" id="pageone">
  <div data-role="header">
    <h1>欢迎访问我的主页</h1>
  </div>

  <div data-role="content">
    <p>Welcome!</p>
    <a href="#pagetwo">转到页面二</a>
  </div>

  <div data-role="footer">
      <h1>页脚文本</h1>
    </div>
</div> 

<div data-role="page" id="pagetwo">
    <div data-role="header">
    <h1>欢迎访问我的主页</h1>
</div>

<div data-role="content">
    <p>Goodbye!</p>
    <a href="#pageone">转到页面一</a>
</div>

<div data-role="footer">
    <h1>页脚文本</h1>
    </div>
</div> 

</body>
</html>

更多实例及使用方法参考

http://www.w3school.com.cn

思考

jquery mobile有点像微信的 weui 微信网页开发样式库。网址为:http://mp.weixin.qq.com/wiki/2/ae9782fb42e47ad79eb7b361c2149d16.html
手机端各种样式库都出来了,很方便。
感觉没有bootstrap好,不能做PC端的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 大部分的后端会很很鄙视前端。我也不知道为什么,可能大部分人都会觉得脚本语言根本不算语言。 大多人 会叫我们切图仔,...
    小黑的眼阅读 8,796评论 0 15
  • 她上了8路公交车,在靠窗的位置坐下来,打开窗,五月的风就吹在她脸上。这个城市春天里常常刮沙子,风沙来的时候,天灰扑...
    S_W_Rachel阅读 2,607评论 0 0
  • 幸福就是我冷不冷不重要,你暖就行;
    良咒阅读 1,358评论 0 0
  • 使用场景有一下两种情况: 第一种情况1、 保存用户录入条件(这部分数据只有用户点击了提交才会入库) 2、点击导出后...
    liamu阅读 4,944评论 0 0
  • (接上)公公和婆婆的爱情从最初的师徒关系开始,婆婆非常爱慕勤劳能干的师傅,公公更是喜欢漂亮可爱的婆婆,但由于...
    丽红2阅读 3,345评论 1 2