jquery_mobile事件
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>无标题文档</title>
6 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
7 <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
8 <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
9 <script>
10 $(document).on("pagebeforecreate","#home",function(){
11 alert("pagebeforecreate");
12 });
13 $(document).on("pagecreate","#home",function(){
14 alert("pagecreate");
15 });
16 $(document).on("pageinit","#home",function(){
17 alert("pageinit");
18 });
19 $(document).on("pageload",function(event,data){
20 alert("触发pageload事件\nURL:"+data.url);
21 });
22 $(document).on("pageloadfailed",function(event,data){
23 alert("触发pageloadfailed事件,页面不存在");
24 });
25 $(document).on("pagebeforeshow","#page1",function(){
26 alert("触发pagebeforeshow事件,page1页面即将显示。\n事件是针对page1页面的事件");
27 });
28 $(document).on("pageshow","#page1",function(){
29 alert("触发pageshow事件，现在显示page1页面。\n事件是针对page1页面的事件");
30 });
31 $(document).on("pagebeforehide","#page1",function(){
32 alert("触发pagebeforehide事件，page1页面即将隐藏。\n事件是针对page1页面的事件");
33 });
34 $(document).on("pagehide","#page1",function(){
35 alert("触发pagehide事件，page1隐藏。\n事件是针对page1页面的事件");
36 });
37 </script>
38 </head>
39
40 <body>
41 <div data-role="page" id="home">
42 <div data-role="header">header</div>
43 <div data-role="content">
44 <a href="data-icon.html">存在data-icon.html</a>
45 <a href="data-icon2.html">不存在data-icon2.html</a><br/>
46 <p >页面home</p>
47 <a href="#page1" >跳到page1</a>
48 </div>
49 <div data-role="footer" data-theme="d">footer</div>
50 </div>
51 <div data-role="page" id="page1">
52 <div data-role="header" >page1</div>
53 <div data-role="content">
54 <p>page1</p><br>
55 <a href="#home">跳到home</a>
56 </div>
57 <div data-role="footer" >footer</div>
58 </div>
59 </body>
60 </html>
jquery_mobile事件的更多相关文章
- JNI详解---从不懂到理解
转载:https://blog.csdn.net/hui12581/article/details/44832651 Chap1:JNI完全手册... 3 Chap2:JNI-百度百科... 11 C ...
- jQuery_mobile页面跳转事件学习
<html> <head> <meta http-equiv="Content-Type" content="t ...
- Jquery的点击事件，三句代码完成全选事件
先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
- 关于 Chrome 浏览器中 onresize 事件的 Bug
我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏览器打开时就会执行,这种情况也许不能算作 ...
- MVVM设计模式和WPF中的实现（四）事件绑定
MVVM设计模式和在WPF中的实现(四) 事件绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...
- C++中的事件分发
本文意在展现一个C++实现的通用事件分发系统,能够灵活的处理各种事件.对于事件处理函数的注册,希望既能注册到普通函数,注册到事件处理类,也能注册到任意类的成员函数.这样在游戏客户端的逻辑处理中,可以非 ...
- 移动端IOS点击事件失效解决方案
解决方案 解决办法有 4 种可供选择: 1 将 click 事件直接绑定到目标元素(即 .target)上 2 将目标元素换成 <a> 或者 button 等可点击的元素 3 将 clic ...
- Android笔记——Button点击事件几种写法
Button点击事件:大概可以分为以下几种: 匿名内部类 定义内部类,实现OnClickListener接口 定义的构造方法 用Activity实现OnClickListener接口 指定Button ...
- HTML 事件(一) 事件的介绍
本篇主要介绍HTML中的事件知识:事件相关术语.DOM事件规范.事件对象. 其他事件文章 1. HTML 事件(一) 事件的介绍 2. HTML 事件(二) 事件的注册与注销 3. HTML 事件(三 ...
随机推荐
- Android学习笔记-EditText(输入框)(一)
1.设置默认提示文本 默认提示文本的两个属性如下: android:hint="默认提示文本" android:textColorHint="#95A1AA" ...
- 接口自动化（Python）-利用正则表达式从返回的HTML文本中截取自己想要的值
例如一个功能接口的返回值 是一个HTML文本: 例如我们要取上图中标识的id的值,并且这个值是动态的,这是我们就需要用到正则表达式进行匹配. 如下是正则匹配的方法(代码中都有注释): 我们在真正使用的 ...
- Hadoop 新生报道（二） hadoop2.6.0 集群系统版本安装和启动配置
本次基于Hadoop2.6版本进行分布式配置,Linux系统是基于CentOS6.5 64位的版本.在此设置一个主节点和两个从节点. 准备3台虚拟机,分别为: 主机名 IP地址 master 192. ...
- NYOJ 23.取石子（一）
取石子(一) 时间限制:3000 ms | 内存限制:65535 KB 难度:2 描述 一天,TT在寝室闲着无聊,和同寝的人玩起了取石子游戏,而由于条件有限,他/她们是用旺仔小馒头当作石子.游 ...
- Luogu P3367 【模板】并查集
题目描述 如题,现在有一个并查集,你需要完成合并和查询操作. 输入输出格式 输入格式: 第一行包含两个整数N.M,表示共有N个元素和M个操作. 接下来M行,每行包含三个整数Zi.Xi.Yi 当Zi=1 ...
- Andrew Ng机器学习课程笔记（五）之应用机器学习的建议
Andrew Ng机器学习课程笔记(五)之 应用机器学习的建议 版权声明:本文为博主原创文章,转载请指明转载地址 http://www.cnblogs.com/fydeblog/p/7368472.h ...
- python学习===将py文件从打包成exe程序
1.进入要打包的py程序所在文件夹,例如hello.py程序要打包. 2.在同一目录下新建文件setup.py,内容如下: from distutils.core import setup impor ...
- sqlite数据库之简单操作
一 sqlite介绍 Sqlite是一种嵌入式数据库,类似于一个文件系统,是跟程序在一起的.跟mysql等数据库程序跟数据分离是不一样的. 应用场景:常用于保存本地配置,类似于本地文件系统,因此他内嵌 ...
- JQuery中的回调对象
JQuery中的回调对象 回调对象(Callbacks object)模块是JQuery中的一个很基础的模块,很多其他的模块(比如Deferred.Ajax等)都依赖于Callbacks模块的实现.本 ...
- java protected修饰符理解
Protected类型可以在本包和子类中访问的含义.在本包中访问,顾名思义,可以在定义类的包中的任何地方申请一个包含protected修饰符的域和方法的类的对象,并通过这个对象访问被protected ...