JQuery Mobile入门——创建页面pagecreate事件

本文介绍了如何使用JQuery Mobile的pagecreate事件来跟踪页面初始化过程。通过在page容器上绑定此事件,可以在页面加载时执行特定操作。示例代码展示了如何使用live()方法绑定pagebeforecreate和pagecreate事件,分别在页面创建前后触发警告。最后提到了bind()和delegate()方法作为替代绑定事件的选择。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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、效果图预览:

  点击确定   创建完成后

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值