最近公司要开发手机端的,可是我没学过安卓,然后用HTML5+JQUERYMOBILE也可以做这些手机端的程序,做成个网页,发到网上,免强也行,于是开始了我JQUERYMOBILE的学习。

  先放一下主模板,在建三个DIV,在data-role属性里依次放header,content,footer,于是主模板就有了,很是EASY!

  代码贴下,备注:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><meta name="viewport" content="width=device-width, initial-scale=1" /><link href="../assets/lib/mobile/jquery.mobile-1.4.2.css" rel="stylesheet" type="text/css" />
</head>
<body><!--data-role属性就是JQM中控件的概念--><div data-role="page"><div data-role="header" data-position="fixed"><h1>这是标题头</h1></div><div data-role="content"><a href="02-page2.html" data-transition="slide">Page2</a> <a href="03-page3.html"data-rel="dialog">Page3</a></div><div data-role="footer" data-position="fixed"><h4>Copyright &copy; chunxiao.cn</h4></div></div>
</body>
</html>
<script src="../assets/lib/jquery/jquery-1.11.0.js" type="text/javascript"></script>
<script src="../assets/lib/mobile/jquery.mobile-1.4.2.js" type="text/javascript"></script>

转载于:https://www.cnblogs.com/cxeye/p/4919660.html

JqueryMobile- 搭建主模板相关推荐

  1. Linux中怎么搭建主DNS、辅助DNS、缓存DNS服务器

    文章目录 Linux中怎么搭建主DNS.辅助DNS.缓存DNS服务器 一.认识DNS: 1.DNS概述: 2.DNS查询过程: 3.DNS常见名词: 二.DNS配置: 三.搭建DNS服务器: 搭建we ...

  2. 直播搭建主播pk,如何实现无缝切换?

    直播搭建主播pk,如何实现无缝切换? 今天要介绍的就是主播连麦PK方案,通过这篇文章,我们将一起来了解什么是主播连麦PK?以及怎么快速实现主播间的连麦PK? 什么是连麦PK? 连麦PK就是正在直播中的 ...

  3. Flutter版本玩Android客户端(1)——搭建主页面

    最近在学Flutter,想着画点时间做个app,就做玩Android,可以利用现有的APi进行操作. 第一步:搭建主页面,如下: 主要包括几部分: AppBar,包含Drawaer,可以打开 Bott ...

  4. 从零搭建飞冰微前端项目《第二篇:搭建主应用》

    前提: VsCode里有AppWorks 规范: 主应用又称框架应用或基座应用,一个系统只有一个主应用.主应用应该保持职责明确,一个设计良好的主应用只做两件事情: 系统整体 Layout 的设计 所有 ...

  5. mysql搭建主主_mysql主主配置

    数据安装完成后 配置信息  开启二进制文件复制 [client] port=3306 [mysqld] basedir=/usr/local/mysql datadir=/usr/local/mysq ...

  6. storyboard搭建项目_swift项目第五天:swift中storyBoard Reference搭建主界面

    import UIKit/*总结:1:lazy用于懒加载,只能用var来对变量进行懒加载,有两种方式:1:lazy var first = NSArray(objects: "1" ...

  7. 从0开始架构一个IOS程序 ——04— UITabBarController和自定义TabBar 搭建主页面

    从0开始架构一个IOS程序 04 UITabBarController 搭建主页面 Mac OSX 10.11 之后 效果 1 首先创建自定义TabBar 1.1 WISHomeTabBarView. ...

  8. mysql自建知识库_Mysql 搭建主從復制

    1. 編輯主庫配置文件 vi /etc/my.cnf,添加如下信息 主庫創建復制用戶,並賦權: server-id=105 log-bin=mysql-bin binlog-do-db=user ex ...

  9. MongoDB复制集搭建主服务器模拟切换

    前言 Mongodb复制集由一组Mongod实例(进程)组成,包含一个Primary节点和多个Secondary节点,Mongodb Driver(客户端)的所有数据都写入Primary,Second ...

最新文章

  1. 云服务器ecs安装mysql_阿里云服务器ecs配置之安装mysql
  2. python zipfile_Python 学习入门(16)—— zipfile
  3. 异常:java.util.ConcurrentModificationException
  4. Redis实现分布式锁释放锁
  5. 如何在liferay ,struts2中跳转页面
  6. 4027-计数排序(C++,附解析)
  7. mysql dwith ssl_mysql replication支持ssl(一主一从)
  8. 现代软件工程 -- 第一周 -- 介绍自己
  9. 我为什么不看好微信小程序_0
  10. android面试题分析总结
  11. 不能成为跳槽理由的理由
  12. unity animator动画播放完毕后执行
  13. 新一代防泄密系统即将发布
  14. VR中多模式异步协作的挑战和设计考虑因素
  15. 记一次被“呼死你”电话骚扰的反骚扰经历
  16. PMP : PMP备考心得 (8)
  17. JPA 概述及 SpringDataJpa 框架基本使用指南
  18. Win10 环境下配置 Docker + Laradock + Laravel
  19. 【UACME】在Win11上的发展
  20. 基于VB环境下的语音识别程序开发方法

热门文章

  1. CSS学习笔记(十四) 我们前端是怎么跟设计师沟通的
  2. easyui datagrid 绑定json对象属性的属性
  3. Spring mvc 3.0 入门及应用
  4. Android用户界面设计学习之旅-第二站
  5. British Journal of Management
  6. logic demonstration process in the English debate system
  7. protect a health
  8. 如果我们能够数字化,那么我们能够give away
  9. 我的申请总结~好像创业公司啊
  10. 【转】强大的B树B+树