全栈工程师开发手册 (作者:栾鹏)

jQuery Mobile事件全解

jQuery Mobile 所有class选项

jQuery Mobile 所有data-*选项

jQuery Mobile事件全解:

//使用pageinit 事件来设置代码脚本在DOM元素加载完成后开始执行
$(document).on("pagecreate","#pageone",function(){
    // jQuery 事件...
});

//点击事件
$("p").on("tap",function(){
    $(this).hide();
});

//长按事件   点击不放(长按) 事件在点击并不放(大约一秒)后触发
$("p").on("taphold",function(){
    $(this).hide();
});

//滑动事件是在用户一秒内水平拖拽大于30PX,或者纵向拖曳小于20px的事件发生时触发的事件:
$("p").on("swipe",function(){
    $("span").text("滑动检测!");
});

//向左滑动事件在用户向左拖动元素大于30px时触发:
$("p").on("swipeleft",function(){
    alert("向左滑动!");
});

//向右滑动事件在用户向右拖动元素大于30px时触发:
$("p").on("swiperight",function(){
    alert("向右滑动!");
});

//scrollstart 事件是在用户开始滚动页面时触发:
$(document).on("scrollstart",function(){
    alert("开始滚动!");
});

//scrollstop 事件是在用户停止滚动页面时触发:
$(document).on("scrollstop",function(){
    alert("停止滚动!");
});

//屏幕翻转事件
$(window).on("orientationchange",function(event){
    alert("方向是: " + event.orientation);
});

////页面初始化事件
//pagebeforecreate  当页面即将初始化,并且在 jQuery Mobile 已开始增强页面之前,触发该事件。
//pagecreate    当页面已创建,但增强完成之前,触发该事件。
//pageinit  当页面已初始化,并且在 jQuery Mobile 已完成页面增强之后,触发该事件。

////页面加载事件
//pagebeforeload    在任何页面加载请求作出之前触发。
//pageload  在页面已成功加载并插入 DOM 后触发。
//pageloadfailed    如果页面加载请求失败,则触发该事件。默认地,将显示 "Error Loading Page" 消息。

////过滤事件
//pagebeforeshow    在"去的"页面触发,在过渡动画开始前。
//pageshow  在"去的"页面触发,在过渡动画完成后。
//pagebeforehide    在"来的"页面触发,在过渡动画开始前。
//pagehide  在"来的"页面触发,在过渡动画完成后。

$(document).on("pagebeforeshow","#pagetwo",function(){ //当进入页面二时
    alert("页面二即将显示");
});

jQuery Mobile事件,开发全解+完美注释的更多相关文章

  1. jQuery Mobile 所有class选项,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项 jQuery Mobile 所 ...

  2. jQuery Mobile 所有data-*选项,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项 jQuery Mobile 所 ...

  3. Echarts数据可视化series-scatter散点图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  4. Echarts数据可视化series-radar雷达图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  5. Echarts数据可视化series-pie饼图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  6. Echarts数据可视化series-map地图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  7. Echarts数据可视化series-line线图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  8. Echarts数据可视化series-heatmap热力图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  9. Echarts数据可视化series-graph关系图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

随机推荐

  1. 手机设备访问PC页面如果跳转到手机页面?

    //例如:iphone访问www.baidu.com自动跳转到wap.baidu.com,只需在pc端模版页面引入以下js代码//pc zhuan mobile var mobileAgent = n ...

  2. 【java】关于java类和对象,你想知道的在这里!

    java类的基本组成 java作为一门面向对象的语言, 类和对象是最重要的概念之一,下面,就让我们来看看java中类的基本结构是怎样的: 一个简单的java类主要可由以下几个部分(要素)组成: 1.实 ...

  3. Java 第八周总结

    1. 本周学习总结 2. 书面作业 1.List中指定元素的删除 1.1 实验总结 list中可以通过list.get(i)来获取具体第几个的元素的值,再通过compareTo来对比 通过in.has ...

  4. 201521123036 《Java程序设计》第6周学习总结

    本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图,对面向对象思想进行一个总结. 1.2 可选:使用常规方法总结其他上课内容. 对象克隆:Clon ...

  5. 201521123020 《Java程序设计》第6周学习总结

    本周学习总结 书面作业 1.clone方法 1.1 Object对象中的clone方法是被protected修饰,在自定义的类中覆盖clone方法时需要注意什么? 答:需要将protected改为pu ...

  6. 201521123111《Java程序设计》第13周学习总结

    本次作业参考文件 正则表达式参考资料 1. 本周学习总结 以你喜欢的方式(思维导图.OneNote或其他)归纳总结多网络相关内容. 2. 书面作业 1. 网络基础 1.1 比较ping www.bai ...

  7. 201521123052 《Java程序设计》 第14周学习总结

    1. 本周学习总结 2. 书面作业 1. MySQL数据库基本操作 建立数据库,将自己的姓名.学号作为一条记录插入.(截图,需出现自己的学号.姓名) 在自己建立的数据库上执行常见SQL语句(截图) - ...

  8. Spring 级联属性

    Spring 级联属性是当两个bean 关联时  从一个bean 给 另一个bean 赋值 Application xml  配置如下 <bean id="ZhangSan" ...

  9. Local Binary Convolutional Neural Networks ---卷积深度网络移植到嵌入式设备上?

    前言:今天他给大家带来一篇发表在CVPR 2017上的文章. 原文:LBCNN 原文代码:https://github.com/juefeix/lbcnn.torch 本文主要内容:把局部二值与卷积神 ...

  10. oracle pl/sql 函数

    函数用于返回特定的数据,当建立函数时,在函数头部必须包含return子句.而在函数体内必须包含return语句返回的数据.我们可以使用create function来建立函数. 1).接下来通过一个案 ...