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. PHP面向对象中 static:: 与 self:: parent:: $this-> 的区别

    很多好几年工作经验的PHP工程师,对PHP面向对象中 static:: .self::.parent::.$this->  的定义和使用都不清晰,特做详细梳理: static:: 可以访问全局作 ...

  2. nginx响应高并发参数配置

    一.一般来说nginx 配置文件中对优化比较有作用的为以下几项: 1.  worker_processes 8; nginx 进程数,建议按照cpu 数目来指定,一般为它的倍数 (如,2个四核的cpu ...

  3. JavaScript语言精粹-读书笔记

    前言:很久之前读过一遍该书,近日得闲,重拾该书,详细研究一方,欢迎讨论指正. 目录: 1.精华 2.语法 3.对象 4.函数 5.继承 6.数组 7.正则表达式 8.方法 9.代码风格 10.优美的特 ...

  4. create pfile from spfile;

    sql>create pfile from spfile; 生成的文件在$ORACLE_HOME/dbs/下边    和spfile在同一个目录下 但是名字已经变成了init$oracle_si ...

  5. Python网络数据采集2-wikipedia

    Python网络数据采集2-wikipedia 随机链接跳转 获取维基百科的词条超链接,并随机跳转.可能侧边栏和低栏会有其他链接.这不是我们想要的,所以定位到正文.正文在id为bodyContent的 ...

  6. Android融合推送MixPush SDK集成多家推送平台，共享系统级推送，杀死APP也能收到推送

    消息推送是App运营的重要一环,为了优化消息推送成功率,降低电量和流量消耗,系统级的推送服务显得尤为重要.小米和魅族由此推出了自家的推送平台,在MIUI和Flyme上共享系统级推送服务,让APP在被杀 ...

  7. IE浏览器-官网下载地址

    这里仅列出IE浏览器在微软官网的下载地址,便于日常使用. WindowsXP | IE6下载地址:http://www.microsoft.com/zh-CN/download/details.asp ...

  8. CSS学习笔记！

    一.关于图像RGB值和像素值的确定! 腾讯QQ截图软件Ctrl+Alt+A进入截图界面,鼠标变成彩色,便会拾取鼠标当前颜色,再按住Ctrl切换到十六进制格式#******.图像的像素值也在截取框内显示 ...

  9. Python集合（set）类型的操作

    python的set和其他语言类似, 是一个无序不重复元素集, 基本功能包括关系测试和消除重复元素. 集合对象还支持union(联合), intersection(交), difference(差)和 ...

  10. 【leetocde】 105. Construct Binary Tree from Preorder and Inorder Traversal

    Given preorder and inorder traversal of a tree, construct the binary tree. Note:You may assume that ...