jQuery Mobile的学习时间bottonbutton的事件学习
程序猿都非常懒，你懂的！
生命的绝唱来机仅仅争朝夕，如诗的年华更需惜时如金。不要让今天的懈怠成为一生的痛。
每天都在进步。
近期在学习jquery mobile开发，使用的button，绑定事件。和大家一起学习。一起分享！
直接上代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
</head>
<body>
<div data-role="page" id="pageone"><div data-role="header"><h1>组合button</h1></div><div data-role="content"><div data-role="controlgroup" data-type="horizontal"><p>水平组合button:</p><a href="#" data-role="button" id="btn1">我绑定事件了</a><a href="#" data-role="button" id="btn2">方法2绑定事件</a><a href="#" data-role="button" id="btn3">button 3 blur</a></div><br><div data-role="controlgroup" data-type="vertical"><p>垂直组合button (默认):</p><a href="#" data-role="button">button 1</a><a href="#" data-role="button">button 2</a><a href="#" data-role="button">button 3</a></div><p>内联button且不带圆角:</p><a href="#" data-role="button" data-inline="true">button 1</a><a href="#" data-role="button" data-inline="true">button 2</a><br><a href="#" data-role="button" data-inline="true" data-corners="false">button 1</a><a href="#" data-role="button" data-inline="true" data-corners="false">button 2</a><p>内联button：普通与迷你</p><a href="#" data-role="button" data-inline="true">button 1</a><a href="#" data-role="button" data-inline="true">button 2</a><br><a href="#" data-role="button" data-inline="true" data-mini="true">button 1</a><a href="#" data-role="button" data-inline="true" data-mini="true">button 2</a><div data-role="footer"><h1>底部文本</h1></div>
</div>
<script type="text/javascript">//先解绑，再绑定$('#btn1').unbind().bind('click', function() {alert('我绑定事件了');});//on直接绑定$('#btn2').on('click', function() {alert('on直接绑定事件了');});//on直接绑定失去焦点的事件$('#btn3').on('blur', function() {alert('on直接绑定失去焦点的事件了');});</script>
</body>
</html>
事件 描写叙述
hashchange 启用可标记 #hash 历史。哈希值会在一次独立的点击时发生时变化。比方一个用户点击后退button，会通过 hashchange事件进行处理。 navigate 包裹了 hashchange 和 popstate 的事件 orientationchange 方向改变事件,在用户垂直或者水平旋转移动设备时触发。 pagebeforechange 在页面切换之前，触发的事件。
使用$.mobile.changePage()来切换页面，此方法触发2个事件。切换之前的pagebeforechange事件，和切换完毕后pagechange（成功）或者pagechangefailed（失败）。 pagebeforecreate 页面初始化时，初始化之前触发。 pagebeforehide 在页面切换后旧页面隐藏之前。触发的事件。 pagebeforeload 在载入请求发出之前触发 pagebeforeshow 在页面切换后显示之前。触发的事件。 pagechange 在页面切换成功后，触发的事件。使用$.mobile.changePage()来切换页面，此方法触发2个事件，切换之前的pagebeforechange事件，和切换完毕后pagechange（成功）或者pagechangefailed（失败）。 pagechangefailed 在页面切换失败时。触发的事件。使用$.mobile.changePage()来切换页面，此方法触发2个事件。切换之前的pagebeforechange事件，和切换完毕后pagechange（成功）或者pagechangefailed（失败）。
pagecreate 在页面创建成功之后。触发的事件,但增强完毕之前。 pagehide 在页面切换后老页面隐藏之后，触发的事件。 pageinit 在页面页面初始化时。触发的事件。
pageload 在页面全然载入成功后触发。 pageloadfailed 假设页面请求失败触发。 pageremove 在窗体视图从 DOM 中移除外部页面之前触发。 pageshow 在过渡动画完毕后。在"到达"页面触发。 scrollstart 当用户開始滚动页面时触发。
scrollstop 当用户停止滚动页面时触发。 swipe 当用户在元素上水平滑动时触发。 swipeleft 当用户从左划过元素超过 30px 时触发。
swiperight 当用户从右划过元素超过 30px 时触发。
tap 当用户敲击某元素时触发。
taphold 当元素敲击某元素并保持一秒时触发。 throttledresize 启用可标记 #hash 历史记录 updatelayout 由动态显示/隐藏内容的 jQuery Mobile 组件触发。 vclick 虚拟化的 click 事件处理器 vmousecancel 虚拟化的 mousecancel 事件处理器 vmousedown 虚拟化的 mousedown 事件处理器 vmousemove 虚拟化的 mousemove 事件处理器 vmouseout 虚拟化的 mouseout 事件处理器 vmouseover 虚拟化的 mouseover 事件处理器 vmouseup 虚拟化的 mouseup 事件处理器
假设你还有不懂，请加qq群：135430763共同学习！
相关文章：
C++中 public，protected， private 访问标号小结
第一：private, public, protected 访问标号的访问范围。 private： 只能由1.该类中的函数、2.其友元函数访问。 不能被任何其他访问，该类的对象也不能访问。 protected： 可以被1.该类中的函数、2.子类的函数、以及3.其友元函数…
Java项目:学生管理系统(java+Springboot+Maven+mybatis+Vue+Mysql)
源码获取：博客首页 "资源" 里下载！ 一、项目简述 本系统功能包括： 学生管理，教师管理，课程管理，成绩管理，系统管理等等。 二、项目运行 环境配置： Jdk1.8 Tomcat8.5 M…
UVA 11752 超级幂
UVA 11752 超级幂 Z - The Super PowersTime Limit:1000MS Memory Limit:0KB 64bit IO Format:%lld & %llu Submit Status Practice UVA 11752Description 题意：定义一个数为超级幂，当这个数能表示成至少两个不同数字的幂时。如162^4&#x…
Awstats
c是一个非常简洁而且强大的统计工具。它可以统计您站点的如下信息：一：访问量，访问次数，页面浏览量，点击数，数据流量等精确到每月、每日、每小时的数据二：访问者国家、访问者IP、操作系统、浏览器…
fixture详细介绍-作为参数传入,error和failed区别
前言 fixture是pytest的核心功能，也是亮点功能，熟练掌握fixture的使用方法，pytest用起来才会得心应手！ fixture简介 fixture的目的是提供一个固定基线，在该基线上测试可以可靠地和重复地执行。fixture提供了区别于传统…
哈佛结构和冯诺依曼结构区别。
哈佛结构是一种将程序指令存储和数据存储分开的存储器结构。中央处理器首先到程序指令存储器中读取程序指令内容，解码后得到数据地址，再到相应的数据存储 器中读取数据，并进行下一步的操作（通常是执行）。程序指令存储和…
js 数据函数
//shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined var a [1,2,3,4,5]; var b a.shift(); //a：[2,3,4,5] b：1 //unshift：将参数添加到原数组开头，并返回数组的长度…
Java项目:平行志愿管理系统(java+Springboot+Maven+mybatis+Vue+Mysql)
源码获取：博客首页 "资源" 里下载！ 一、项目简述本系统功能包括： 系统管理，招生计划，学生管理，录取结果，自动分配，调剂管理等等。 二、项目运行 环境配置： J…
冒泡 MS Azure 不便宜。。。
一直在等 MS Azure 中国开卖， 最近有消息说正式商用了。。。 看看去，ok 发现官方网站 很奇葩。没有购买的地方 说毛线 啊 卧槽 欺骗感情还是吊人胃口？ 好看了一下VM的价格，卧槽真不便宜。 即使是 768 MB的也要 0.22RMB 小时。本来…
数据库的概念以及MYSQL的安装和卸载
一、数据库的基本概念： 1、什么是数据库？ DataBase，简称DB。是用来存储和管理数据的仓库。 2、数据库的特点： 持久化存储数据的。其实数据库就是一个文件系统。方便存储和管理数据使用了统一的方式操作数据库——SQL 3、最热门…
对ARM异常（Exceptions）的理解
对ARM异常（Exceptions）的理解 1 ．对 ARM 异常（ Exceptions ）的理解 所有的系统引导程序前面中会有一段类似的代码，如下： .globl _start ；系统复位位置 _s…
Java项目:花店商城系统(java+Springboot+Maven+mybatis+Vue+Mysql)
源码获取：博客首页 "资源" 里下载！ 一、项目简述 本系统功能包括： 商品的分类展示，用户的注册登录，购物车，订单结算，购物车加减，后台商品管理，分类管理&#x…
简单又好看的按钮，扁平化按钮。
原文 http://blog.csdn.net/peijiangping1989/article/details/19333779主题 安卓开发今天分享一下流行的扁平化按钮。完全不需要用到图片哦。效果图如下： 里面有2个按钮都是一样的模式。只要修改的色值就可以。下面跟我来更新你的UI吧。 首先编写 button.xml 代码…
MahApps.Metro
ModernUI for WPF Mahapps.metro home Mahapps.metro Quick start Mahapps.metro controls转载于:https://www.cnblogs.com/xakml/p/3682173.html
用herl工具解决微信内链接或二维码可直接用外部浏览器打开
很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接，其实这并不难，只要我们实现微信跳转功能即可。 下面给大家推荐 herl工具（http://www.nicejump.cn/） 使用步骤 1. 用浏览器打开我们的工…
shell之“/dev/null 21”
shell中可能经常能看到：>/dev/null 2>&1 命令的结果可以通过%>的形式来定义输出 分解这个组合：“>/dev/null 2>&1” 为五部分。 1：> 代表重定向到哪里，例如：echo "123" &g…
Java项目:角色权限后台脚手架系统(java+Springboot+Maven+myBaits-Plus+Vue+Element-UI+Mysql)
源码获取：博客首页 "资源" 里下载！ Springboot框架myBaits-PlusMySQL实现的角色权限后台管理脚手架系统实战项目，实现的是所有系统最基础的后台管理功能，有了这个脚手架，以后开发别的项目就在这上面快速增加…
30+程序员，平时都忙些什么事情？平时都想些什么？以后有啥计划？
很多人都说，30岁以后了，写程序还有前途嘛？我有时候也迷茫，但是迷茫过后，总会给自己寻找方向，每个人都需要有个信念、没有信念，活着就没意思，无聊，觉得没奔头了。 废话少说…
用于制图、写电子邮件、创建条形码控件Aspose.Total
2019独角兽企业重金招聘Python工程师标准>>> Aspose.Total 提供了 Aspose 可以使用的任何组件，以及你每年订阅中发布的所有新组件。通过它，你能够有计划地操纵一些商业中最流行的文件格式：Word, Excel, PowerPoint, Project, PDF …
循环for语句 if语句
if语句： if(表达式){ 代码 }else if(表达式){ 代码 } for循环： for(var i0; i<10; i){ alert(1); (弹窗） } if语句： if(表达式){ 代码 }else if(表达式){ 代码 } for循环： for(var i0; i<10; i){ alert(1); (弹窗…
Linux中的粘滞位
Linux中的粘滞位 Sticky 位是一个访问权限标志位，可以用来标示文件和路径。 历史： 粘滞位是在1974年Unix的第5版中引入的，用来设置可执行文件。当可执行文件设置粘滞位之后，它能够指示操作系统在程序退出后，保留程序…
Java项目:实现权限管理系统(java+SpringBoot+MyBatis+AOP+LayUI+Mysql)
源码获取：博客首页 "资源" 里下载！ springbootmybatis使用面向切面编程（AOP）实现的权限管理系统。 共五个模块，角色管理，菜单管理，实验室管理，学生管理，管理员…
阅读10、11、12章
第10章 假设用户交付给我们一个 任务，然后我们通过调研的出来的结果进行设计，最后的结果跟用户想象的不一样，这应该怎么做？ 第11章 团队合作真的需要有那么繁琐的步骤（例如每日例会）吗？ 第12章 …
SQL删除重复数据方法
原文:SQL删除重复数据方法例如： id name value 1 a pp 2 a pp 3 b iii 4 b pp 5 b …
#pragma once与#ifndef
在C/C中，在使用预编译指令#include的时候，为了防止重复引用造成二义性的两种方法。 #ifndef 它不光可以保证同一份文件不会被包含两次，也能够保证不同文件完全相同的内容不会被包含两次。但，同样的，如果自定义的宏名不…
grep 在HP-UX下的递归查找
grep 在HP-UX下的递归查找Linux: man grep 可以看到 -r 选项-R, -r, --recursiveRead all files under each directory, recursively; this is equivalent to the -d recurse option.即：-r 选项可以查找指定目录下每个子目录下的所有文件eg:grep -r "28281&quo…
Java项目:实现个人博客系统(java+springboot+mybatis+redis+vue+elementui+Mysql)
源码获取：博客首页 "资源" 里下载！ springbootmybatis前端vue，使用前后端分离架构实现的个人博客系统，共7个模块，首页，写博客，博客详情页，评论管理，文章分类&a…
软件工程--总作业（已经完成）
用户调研：http://www.cnblogs.com/OuZeBo/p/4580146.htmlalpha阶段总结：http://www.cnblogs.com/OuZeBo/p/4580146.html对其他组评价的反馈：已评论其他组，暂时没有其他组对我们组进行评论描述项目的典型用户与场景：已完…
linux各文件夹的作用域
目錄應放置檔案內容/bin系統有很多放置執行檔的目錄，但/bin比較特殊。因為/bin放置的是在單人維護模式下還能夠被操作的指令。在/bin底下的指令可以被root與一般帳號所使用，主要有：cat, chmod, chown, date, mv, mkdir, cp, bash等等常用的指…
LOJ 2721 「NOI2018」屠龙勇士——扩展中国剩余定理
题目：https://loj.ac/problem/2721 1.注意别一输入 p[ i ] 就 a[ i ] % p[ i ] ，因为在 multiset 里找的时候还需要真实值。 2.注意用 multiset 。并且，因为要 upper_bound( a[ i ] ) ，而 a[ i ] 是一个 long long 类型的…