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 事件(三 ...
随机推荐
- iOS项目冗余资源扫描脚本
iOS项目冗余资源扫描脚本 随着iOS项目的版本不断迭代,app中冗余文件会越来越多,app size也持续增加,是时候需要对app冗余资源进行检测,对app进行瘦身. 使用方法: 1. 运行环境为m ...
- Linux 下 安装jdk 1.7
Linux 下 安装jdk 1.7 参考百度经验 http://jingyan.baidu.com/album/ce09321b7c111f2bff858fea.html?picindex=6 第一步 ...
- TCP/IP 2MSL
TCP/IP连接包括两个端A和B 假如A首先终止连接,发送FIN,此时A进入FIN_WAIT_1: 收到来自B的ACK:进入FIN_WAIT_2,等待接收对方FIN,如果收到,进入2MSL状态 收到来 ...
- React Native 系列(二) -- React入门知识
前言 本系列是基于React Native版本号0.44.3写的,最初学习React Native的时候,完全没有接触过React和JS,本文的目的是为了给那些JS和React小白提供一个快速入门,让 ...
- Pycharm中的加载多个项目
使用Pycharm,总会创建几个项目文件,有时候又不想全部一个一个的打开,所以这时候需要一个项目共存的方法,现在说一下怎么项目共存. 中英文对照 英文:首先打开setting界面: 中文首先打开设置界 ...
- VM虚拟机的配置
1.软件安装 点击如图所示文件安装虚拟机 点击下一步,再安装过程中输入密钥 1F04Z-6D111-7Z029-AV0Q4-3AEH8 设置相关内容完成安装 2.加载虚拟机 点击软件图标打开软件 软件 ...
- 字符串匹配之KMP，C++实现
文字介绍KMP我就不讲了,相信大家看了不少别的文章也没看懂,我肯定也不能用文字表达清楚. 最好的办法就是看严老师的视频,讲的很清晰. 请百度 KMP 严蔚敏: 在这里我用C++实现一下: #inclu ...
- java运算符优先级与流程控制
1. Java 的方法Method (函数 Function), 功能, 动作 1) 方法就是函数: y=f(x)=3x+6; 2) 方法的语法 (修饰词)(返回值类型)(方法名)(参数列表){ ...
- Vue.js安装
环境 操作系统:window7 虚拟机:centos7 vue.js: 2.8 安装nodejs 参考我得文章: http://blog.csdn.net/u013066244/article/det ...
- XAMPP启动MySQL时报端口被占用错误
1 问题描述 启动XAMPP中的mysql时宝凑,错误信息是:3306端口被占用 2 问题诊断 2.1 可能是在安装XAMPP之前安装了MySQL,这样电脑中就有两个MySQL啦,如果我们在安装时都采 ...