- 浏览: 7260193 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (1546)
- 企业中间件 (236)
- 企业应用面临的问题 (236)
- 小布Oracle学习笔记汇总 (36)
- Spring 开发应用 (54)
- IBatis开发应用 (16)
- Oracle基础学习 (23)
- struts2.0 (41)
- JVM&ClassLoader&GC (16)
- JQuery的开发应用 (17)
- WebService的开发应用 (21)
- Java&Socket (44)
- 开源组件的应用 (254)
- 常用Javascript的开发应用 (28)
- J2EE开发技术指南 (163)
- EJB3开发应用 (11)
- GIS&Mobile&MAP (36)
- SWT-GEF-RCP (52)
- 算法&数据结构 (6)
- Apache开源组件研究 (62)
- Hibernate 学习应用 (57)
- java并发编程 (59)
- MySQL&Mongodb&MS/SQL (15)
- Oracle数据库实验室 (55)
- 搜索引擎的开发应用 (34)
- 软件工程师笔试经典 (14)
- 其他杂项 (10)
- AndroidPn& MQTT&C2DM&推技术 (29)
- ActiveMQ学习和研究 (38)
- Google技术应用开发和API分析 (11)
- flex的学习总结 (59)
- 项目中一点总结 (20)
- java疑惑 java面向对象编程 (28)
- Android 开发学习 (133)
- linux和UNIX的总结 (37)
- Titanium学习总结 (20)
- JQueryMobile学习总结 (34)
- Phonegap学习总结 (32)
- HTML5学习总结 (41)
- JeeCMS研究和理解分析 (9)
最新评论
-
lgh1992314:
[u][i][b][flash=200,200][url][i ...
看看mybatis 源代码 -
尼古拉斯.fwp:
图片根本就不出来好吧。。。。。。
Android文件图片上传的详细讲解(一)HTTP multipart/form-data 上传报文格式实现手机端上传 -
ln94223:
第一个应该用排它网关吧 怎么是并行网关, 并行网关是所有exe ...
工作流Activiti的学习总结(八)Activiti自动执行的应用 -
ZY199266:
获取不到任何消息信息,请问这是什么原因呢?
ActiveMQ 通过JMX监控Connection,Queue,Topic的信息 -
xiaoyao霄:
DestinationSourceMonitor 报错 应该导 ...
ActiveMQ 通过JMX监控Connection,Queue,Topic的信息
jquerymobile打开dialog的主页面:
<!DOCTYPE HTML> <html> <head> <title>页面外对话框的使用 页面外的对话框的生命周期</title> <meta name="viewport" content="width=320; user-scalable=no" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="jquery.mobile/jquery.js"></script> <script type="text/javascript" charset="utf-8" src="jquery.mobile/jquery.mobile-1.1.0.js"></script> <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.css" /> <!-- 当我们弹出一个对话框后,我们可能需要再它的不同的生命周期中去注册不同的回调函数或事件, 因此理解各个事件的顺序是很有必要的。 dialog非同一个页面,点击dialog打开按钮的生命周期如下: 1. pagebeforeload 2. pagebeforecreate 3. pagecreate 4. pageinit 5. pageload 6.pageshow 7.pageremove 8.pagehide --> <script type="text/javascript" charset="utf-8"> //页面外的对话框的生命周期如下 $(document).bind("pagebeforeload", function (event, data) { alert('1.页面加载之前事件(pagebeforeload)!'); }); $('#aboutPage').live('pagebeforecreate', function (event) { alert('2.页面替换相关的都dom的事件(pagebeforecreate)!!!'); }) $('#aboutPage').live('pagecreate', function (event) { alert('3.页面开始创建(pagecreate)需要绑定相关的事件(主要指初始化对话框以及对话框中的信息)!'); $("#dealPersonSetting").click(function () { alert("对话框事件提交"); }); $("#closedialog").click(function(){ alert("对话框时间取消"); }); }); $('#aboutPage').live('pageinit', function (event) { alert('4.页面初始化过程中....(pageinit)!!!'); }); $(document).bind("pageload", function (event, data) { alert('5.页面加载时间哦pageload!'); }); $('#aboutPage').live('pageshow', function (event) { alert('6.页面对话框pageshow!'); }); $('#aboutPage').live('pageremove', function (event) { alert('7.页面对话框dom去掉 事件(pageremove)!'); }); $('#aboutPage').live('pagehide', function (event) { alert('8.页面对话框隐藏时间pagehide!'); }); </script> </head> <body > <div data-role="page" id="main" data-theme="b" data-add-back-btn="true" > <div data-role="header" data-position="fixed"> <a data-icon="arrow-l" data-rel="back" >返回</a> <h1>发布工单</h1> <a href="indexorder.html" data-ajax="false" data-icon="home" data-iconpos="right" data-direction="reverse" class="ui-btn-right jqm-home">Home</a> </div><!-- /header --> <!-- content --> <div data-role="content" class="content" data-theme="b" > <form method="post" id="loginform"> <!-- 如果要弹出一个对话框,可以在页面中添加一个按钮 --> <a href="./dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">打开对话框</a> </form> </div> </div> </body> </html>
对话框页面如下:
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> <!-- 再看看dialog.htm的内容,注意对话框是个单独的页面, jquery mobile将以Ajax方式加载到事件触发的页面,因此dialog.htm 页面不需要Header,content,footer之类的文档结构, 以下代码就是全部dialog.htm的内容 --> <div data-role="dialog" id="aboutPage"> <!-- header --> <div data-role="header" data-role="header" > <h1>调查说明</h1> </div> <!-- content --> <div data-role="content" data-theme="b" > <div data-role="fieldcontain"> <div data-role="fieldcontain"> <fieldset data-role="controlgroup" > <legend >你喜欢的水果:</legend> <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" /> <label for="checkbox-1a">Cheetos</label> <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" /> <label for="checkbox-2a">Doritos</label> <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" /> <label for="checkbox-3a">Fritos</label> <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" /> <label for="checkbox-4a">Sun Chips</label> </fieldset> </div> </div> <div class="ui-body ui-body-b" align="center" data-role="fieldcontain"> <fieldset class="ui-grid-a" data-type="horizontal" > <a id="dealPersonSetting" data-role="button" style="width: 40%;" data-inline="true" data-rel="back" href="#" data-theme="b">提交</a> <a id="closedialog" href="#" data-role="button" data-rel="back" style="width: 40%;" data-inline="true">取消</a> </fieldset> </div> </div> </div>
发表评论
-
phonegap contact API的使用
2012-07-10 14:23 2847没事开发一个phonegap通讯录使用: js如 ... -
phonegap开发中必备的帮助文档android apk
2012-07-08 16:48 2606在phonegap配置jquerymobile开发的人 ... -
jquerymobile 开发中几个样式问题
2012-07-07 15:16 24161.在jquerymobile开发中如果遇到中文乱码处理如下 ... -
【转】PhoneGap域名白名单说明书(Domain Whitelist Guide)
2012-07-05 17:31 9844概述Cordova项目中的域名白名单是一个用来控制外部域名访问 ... -
phonegap拍照的获取图片和设置问题
2012-07-05 17:10 12691目前项目中Android中第一次加载使用用 ... -
Native+WebApp中Phonegap调用Android Activity
2012-07-05 16:10 10939在项目采用Native+Web方式开发,A ... -
phonegap底层原理学习和研究(四)
2012-06-12 17:34 3048在phonegap ... -
phonegap底层原理学习和研究(三)
2012-06-12 17:08 6221针对Phonegap开发中常用的D ... -
【转】手机应用开发者需注意的20个事项
2012-05-30 10:54 1755你想要成为手机开发者吗?你的目标可能是从应用商店中赚取大 ... -
【转】8 个移动产品设计必备网站
2012-05-30 09:49 2107本文整理了8个移动设计资源丰富的网站,希望对你的开发设计工作有 ... -
HTML5 canvas实现电子签名
2012-05-29 17:27 225891.为什么要用到BASE64编码的图片信息 Base6 ... -
HTML5 的GEOLocation的API
2012-05-29 10:15 7113Geolocation API用于将用户当前地理位 ... -
jquerymobile 一个简单的九宫格实现(Gallery)
2012-05-28 11:10 9234jquerymobile实现一个简单的九宫格代码如下: ... -
jquerymobile google地图插件jquery-ui-map
2012-05-20 16:12 5846最近要开发地图相关的功能,学习一下jquerymob ... -
【转】JQuerymobile 官方 资源和插件
2012-05-19 16:51 7983In this section, we have gat ... -
JQueryMobile页面跳转参数的传递解决方案
2012-05-16 10:52 12543在JQueryMobile开发手机端应 ... -
jQuery Mobile学习笔记
2012-05-14 16:36 5418总页面框架:<div data-role=&quo ... -
【转】生活中的交互之小户型设计
2012-05-13 13:41 1784编辑:S++小组 在房价高涨的今天,对于年轻的 ... -
【转】支付宝“技术风云会”:HTML5引发的移动开发变革
2012-05-13 13:29 2200在刚刚结束的支付宝“技术风云会”论坛上,Html5再次成 ... -
HTML 5+JavaScript混合应用比本地应用的开发成本低
2012-05-13 13:22 2817开发者们经常思考的一个问题是该开发Web应用、本地应用, ...
相关推荐
jQuery mobile相册的一种样式
1.jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 2.jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。 3.jQuery Mobile 使用了极少的 ...
在写作方式上,《jQuery Mobile权威指南》以一种开创性的方式使理论与实践达到了极好的平衡,不仅对理论知识进行了清晰而透彻的阐述,而且根据读者理解这些知识的需要精心设计和构思了92个完整的实战案例,每个案例...
jQuery mobile相册,其中一种模式
jQuery Mobile是jQuery框架的一个组件(而非jquery的移动版本)。jQuery Mobile是一款基于HTML5的用户界面系统,旨在使所有智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。jQuery Mobile 不仅会给主流...
Jquery Mobile中的按钮,学习Jquery Mobile中的简单Jquery Mobile
NULL 博文链接:https://cooldream666.iteye.com/blog/1699745
JQuery实现对话框效果 即弹出对话框背景变暗且不可操作
本资源以Hello Word为例,里面包含了jQuery Mobile框架所需要的部署文件。
在其下一个版本(jQuery Mobile 1.1)中,将会添加对jQuery 1.7的支持。 jQuery Mobile 1.0现已支持当前大部分的主流桌面、智能手机、平板设备及电子阅读平台,包括iOS、Android、WP7、Blackberry、Plam WebOS、...
jQuery Mobile快速入门245页完整版.pdf + 所有源码.7z 24H内删除,作者写书非常不容易,如觉得好,... 10.3 将jquery mobile作为一个android app来运行 10.4 open app market 10.5 客户端设备api 10.6 总结
通过使用jQuery Mobile 可以 "写更少的代码,做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页,且兼容所有移动设备。 lamp 不同设备使用了不同开发语言,jQuery Mobile可以很好的兼容不同的设备或操作...
jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。
用jquerymobile开发时,两个页面间跳转往往需要传递参数,此文档是代码示例
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
作为jQuery Mobile的入门级读物,《jQuery Mobile快速入门》以示例方式讲解了jQuery Mobile的基本知识和核心特性,内容系统全面,便于理解。 《jQuery Mobile快速入门》总共分为10章,内容包括jQuery Mobile的基础...
JQUERYMOBILE 提示框 用语JQUERYMOBILE 移动开发的提示框
JQuery实战视频教程_页面加载时弹出一个对话框,值得一看
jQuery Mobile快速入门.pdf
jQuery mobile滑动式的标题导航