JQuery Mobile入门——创建页面pagecreate事件
来源:互联网 发布:印度撤军知乎 编辑:程序博客网 时间:2024/06/06 00:11
1、如果要跟踪不同页面的内容注入当前的DOM结构,可以将页面中的page容器绑定pagecreate事件,该事件在页面初始化时触发,绝大多是的JQuery Mobile组件都在该事件之后进行一些数据的初始化。
2、将page容器与pagebeforecreate和pagecreate事件进行绑定,在页面执行时,通过绑定的事件跟踪执行的过程
3、示例代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link href="Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text/css"/>
<script src="Js/jquery-1.8.3.min.js" type"text/javascript"></script>
<script src="Js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("#e1").live("pagebeforecreate",function(){
alert("正在创建页面");
});
$("#e1").live("pagecreate",function(){
alert("页面创建完成");
});
</script>
</HEAD>
<BODY>
<div data-role="page" id="e1">
<div data-role="header"><h1>创建页面</h1></div>
<div data-role="content">页面创建完成</div>
<div data-role="footer"><h4>@2013 3i studio</h4></div>
</div>
</BODY>
</HTML>
在JavaScript代码中,可以使用live()方法绑定元素触发的事件,也可以使用bind()\delegate()方法为绑定的元素添加指定的事件。
4、效果图预览:
点击确定 创建完成后
- JQuery Mobile入门——创建页面pagecreate事件
- JQuery Mobile入门——页面缓存
- JQuery Mobile入门——页面缓存
- 创建OFBiz的jQuery Mobile入门页面
- jQuery Mobile 页面事件
- jQuery Mobile 页面事件
- 在pageinit和pagecreate事件中$.mobile.loading('show')不起作用
- JQuery Mobile入门——多页面的切换
- JQuery Mobile入门——外部页面链接
- JQuery Mobile入门——预加载页面
- JQuery Mobile入门——预加载页面
- JQuery Mobile入门——外部页面链接
- jquery Mobile入门—多页面切换示例学习
- jquery mobile 入门4 (事件)
- 使用jquery mobile 创建页面
- 使用 jQuery Mobile 与 HTML5 开发 Web App —— 12 jQuery Mobile 页面事件与 deferred
- 使用 jQuery Mobile 与 HTML5 开发 Web App(十二) —— jQuery Mobile 页面事件与 deferred
- jQuery mobile 学习02 页面事件
- reinterpret_cast在编程中的应用
- 应该知道的Linux技巧
- Linux 00
- ASP.NET 中的 ViewState <转>
- 淘宝网的技术发展史(一)——个人网站时代
- JQuery Mobile入门——创建页面pagecreate事件
- POJ 2234 尼姆博奕
- python set使用
- 《Android核心技术与实例详解》笔记第二篇
- JS触发服务器控件的单击事件
- 苹果开发者证书下载和安装
- 前言
- android:HTTP通信
- 关于apache和tomcat集群,线程是否占用实验