对话框
来源:互联网 发布:知乎 人力资源部门前景 编辑:程序博客网 时间:2024/05/21 17:28
使用data-rel属性可以方便地创建弹出式对话框,以下代码将会以对话框形式加载dialog.html页面:
a href="dialog.html" data-rel="dialog">Open dialog</a>
对话框中footer是可选的,但是你必须包括header,因为如果没有header,将无法显示自动生成的对话框关闭按钮。
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css">
<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<div data-role="page">
<div data-role="header">
<h1>Dialog Box</h1>
</div><!-- /header -->
<div data-role="content">
<!-- 使用data-rel属性可以方便地创建弹出式对话框-->
<a href="#dialogPopUp" data-rel="dialog" data-role="button">Open dialog</a>
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
<div data-role="page" id="dialogPopUp">
<div data-role="header">
<h1>Dialog Title</h1>
</div><!-- /header -->
<div data-role="content">
This is a dialog box
</div><!-- /content -->
<!--对话框中footer是可选的,但是你必须包括header,因为如果没有header,将无法显示自动生成的对话框关闭按钮。-->
<div data-role="footer">
<h4>Additional Footer information</h4>
</div><!-- /footer -->
</div><!-- /page -->
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 对话框
- 按钮和导航条
- ACM-简单题之Just a Numble——hdu2117
- 调试js 试用火狐的firebug
- 列表页
- 开源浏览器:Dillo Web Browser简介
- 对话框
- Linux分区的命名--/dev/xxyN
- 旁注虚拟主机IIS权限重分配跨目录得webshell
- Android Asynchronous Http Client-Android异步网络请求客户端接口
- hdu n皇后问题 (dfs)
- 常用命令
- 第二周(项目五)——结构体和枚举处理点的问题
- 注意事项:hadoop中的新API(mapreduce)、旧API(mapred)
- HW社招经历