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事件的更多相关文章

  1. JNI详解---从不懂到理解

    转载:https://blog.csdn.net/hui12581/article/details/44832651 Chap1:JNI完全手册... 3 Chap2:JNI-百度百科... 11 C ...

  2. jQuery_mobile页面跳转事件学习

      <html>     <head>         <meta http-equiv="Content-Type" content="t ...

  3. Jquery的点击事件，三句代码完成全选事件

    先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...

  4. 关于 Chrome 浏览器中 onresize 事件的 Bug

    我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏览器打开时就会执行,这种情况也许不能算作 ...

  5. MVVM设计模式和WPF中的实现（四）事件绑定

    MVVM设计模式和在WPF中的实现(四) 事件绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...

  6. C++中的事件分发

    本文意在展现一个C++实现的通用事件分发系统,能够灵活的处理各种事件.对于事件处理函数的注册,希望既能注册到普通函数,注册到事件处理类,也能注册到任意类的成员函数.这样在游戏客户端的逻辑处理中,可以非 ...

  7. 移动端IOS点击事件失效解决方案

    解决方案 解决办法有 4 种可供选择: 1 将 click 事件直接绑定到目标元素(即 .target)上 2 将目标元素换成 <a> 或者 button 等可点击的元素 3 将 clic ...

  8. Android笔记——Button点击事件几种写法

    Button点击事件:大概可以分为以下几种: 匿名内部类 定义内部类,实现OnClickListener接口 定义的构造方法 用Activity实现OnClickListener接口 指定Button ...

  9. HTML 事件(一) 事件的介绍

    本篇主要介绍HTML中的事件知识:事件相关术语.DOM事件规范.事件对象. 其他事件文章 1. HTML 事件(一) 事件的介绍 2. HTML 事件(二) 事件的注册与注销 3. HTML 事件(三 ...

随机推荐

  1. webpack模块解析

    前面的话 在web存在多种支持JavaScript模块化的工具(如requirejs和r.js),这些工具各有优势和限制.webpack基于从这些系统获得的经验教训,并将模块的概念应用于项目中的任何文 ...

  2. Python学习——（1）Centos安装Flask

    一.环境 [root@localhost myproject]# cat /proc/version centos6.5 Linux version 2.6.32-642.11.1.el6.i686 ...

  3. 3. leetcode 463 Island Perimeter

    思路:设原始周长为4*节点数,每当出现一次相邻的情况,原始周长会减2.

  4. java大数判断相等

    java大数判断相等: 1.equals()方法2.compareTo()方法区别:2.00与2.0 equals()方法判断不等,compareTo()方法判断相等,科学的说法可以看java api ...

  5. tps 与 事务平均响应时间关系对答

    在网上看到一篇文章,tps 与 事务平均响应时间关系对答.可以帮助能更清楚的了解二者之间的关系. 问者:每秒处理的事务数和事务的平均响应时间 怎么个关系,有关系吗 kaku21:举个例子:一个高速路 ...

  6. [算法题] Remove Element

    题目内容 本题来源:LeetCode Given an array and a value, remove all instances of that value in place and retur ...

  7. 你不可不看的Android开发命名规范

    标识符命名法最要有四种: Camel(骆驼)命名法:除首单词外,其余所有单词的第一个字母大写,如:fooBar; Pascal命名法:所有单词的第一个字母大写,如:FooBar: 下划线命名法:单词与 ...

  8. 【物联网云端对接-4】通过MQTT协议与百度云进行云端通信

    百度云的天工物联网服务目前包括:物接入.物解析.物管理.时序数据库和规则引擎等5大部分,本篇文章仅介绍物接入. 天工物联网的物接入,从开发者的角度来说相对有些复杂,需要多步操作才能实现一个云设备的创建 ...

  9. UnitOfWork知多少

    1. 引言 Maintains a list of objects affected by a business transaction and coordinates the writing out ...

  10. 如何正确地修改.data和.item文件的‘utf-8’格式

    问题:有时候,我们在做分类信息提取的时候文件的格式可能不是我们想要的.txt文件的格式,如何进行修改? 解决:(1)将文件复制一份,并保存为.txt的格式(2)将复制之后的文件通过另存为的方式更改为u ...