文档章节

jQuery Mobile 弹出-创建按扭_无需整理

辣条拌鱼翅
 辣条拌鱼翅
发布于 2015/01/01 12:54
字数 364
阅读 11
收藏 0
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>按钮</h1>
</div>
<div data-role="content">
<a href="#home" data-role="button" data-inline="true" data-rel="dialog">主页</a>
<a href="#options" data-role="button" data-inline="true" data-rel="dialog">选项</a>
<a href="#search" data-role="button" data-inline="true" data-rel="dialog">搜索</a>
<a href="#pagetwo" data-role="button">下一页面</a>
<a href="#info" data-role="button" data-rel="dialog">信息</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">
<a href="#pageone" data-role="button" data-inline="true">返回</a>
<a href="#pageone" data-role="button">上一页</a>
<a href="#info" data-role="button" data-rel="dialog">信息</a>
</div>
<div data-role="footer">
<h1>底部文本</h1>
</div>
</div>
<div data-role="page" id="home">
<div data-role="header">
<h1>主页</h1>
</div>
<div data-role="content">
<p>家是心之所在!</p>
<a href="#pageone" data-role="button" data-inline="true">返回</a>
</div>
<div data-role="footer">
<h1>底部文本</h1>
</div>
</div>
<div data-role="page" id="options">
<div data-role="header">
<h1>选项</h1>
</div>
<div data-role="content">
<p>你点击了选项按钮!</p>
<a href="#pageone" data-role="button" data-inline="true">返回</a>
</div>
<div data-role="footer">
<h1>底部文本</h1>
</div>
</div>
<div data-role="page" id="search">
<div data-role="header">
<h1>Search</h1>
</div>
<div data-role="content">
<p>没有搜索内容!</p>
<a href="#pageone" data-role="button" data-inline="true">返回</a>
</div>
<div data-role="footer">
<h1>底部文本</h1>
</div>
</div>
<div data-role="page" id="info">
<div data-role="header">
<h1>信息</h1>
</div>
<div data-role="content">
<p>jQuery Mobile 很有意思!</p>
</div>
<div data-role="footer">
<h1>底部文本</h1>
</div>
</div>




</body>
</html>

本文转载自:http://blog.csdn.net/familycode/article/details/41258183

辣条拌鱼翅
粉丝 25
博文 268
码字总数 73301
作品 0
朝阳
程序员
私信 提问
Sencha Touch 和 jQuery Mobile 该如何选择

如果你正在面临是选择 jQuery Mobile 或者是 Sencha Touch ,那么下面这些因素是你需要考虑的。 jQuery Mobile JM 只是一个 UI 库,依赖于 jQuery 和 jQuery UI 的 DOM 操作、Ajax 和其他库 ...

红薯
2012/01/29
13.5K
20
Sencha Touch 和 jQuery Mobile 该如何选择

如果你正在面临是选择 jQuery Mobile 或者是 Sencha Touch ,那么下面这些因素是你需要考虑的。 jQuery Mobile JM 只是一个 UI 库,依赖于 jQuery 和 jQuery UI 的 DOM 操作、Ajax 和其他库 ...

彭博
2012/11/27
150
0
jquerymobile 事件不执行

无标题文档 jQuery Mobile Events Try: Tapping and holding Swiping //用手机测试,我“长按”不执行代码啊(不弹出内容)?将taphold换成click,在pc上鼠标点击会弹出内容。 在手机上,页面...

monica_jes
2013/07/24
1K
2
最新jQuery Mobile 1.2版本新特性

日期:2012-11-21 来源:GBin1.com 大家还记得在jQuery 1.0 RC版本发布的时候我们曾经发布过一个jQuery Mobile RC版本介绍文章介绍主要的特性。就在前不久,jQuery Mobile团队又发布了jQuer...

gbin1
2012/11/21
23
0
9 个很有用的 jQuery Mobile 教程(英文)

jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery ...

红薯
2011/04/27
3K
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 人生,还真是到处是意外

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @这次装个文艺青年吧 :#今日歌曲推荐# 分享lil peep的单曲《High School》 《High School》- lil peep 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
60
4
Spring使用ThreadPoolTaskExecutor自定义线程池及实现异步调用

多线程一直是工作或面试过程中的高频知识点,今天给大家分享一下使用 ThreadPoolTaskExecutor 来自定义线程池和实现异步调用多线程。 一、ThreadPoolTaskExecutor 本文采用 Executors 的工厂...

CREATE_17
今天
9
0
CSS盒子模型

CSS盒子模型 组成: content --> padding --> border --> margin 像现实生活中的快递: 物品 --> 填充物 --> 包装盒 --> 盒子与盒子之间的间距 content :width、height组成的 内容区域 padd......

studywin
今天
7
0
修复Win10下开始菜单、设置等系统软件无法打开的问题

因为各种各样的原因导致系统文件丢失、损坏、被修改,而造成win10的开始菜单、设置等系统软件无法打开的情况,可以尝试如下方法解决 此方法只在部分情况下有效,但值得一试 用Windows键+R打开...

locbytes
昨天
10
0
jquery 添加和删除节点

本文转载于:专业的前端网站➺jquery 添加和删除节点 // 增加一个三和一节点function addPanel() { // var newPanel = $('.my-panel').clone(true) var newPanel = $(".triple-panel-con......

前端老手
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部