jQuery的live绑定为什么会在mobile safari上失效呢？其实可以追溯到jQuery里live的实现方式。live的实现方式实际上是通过事件委托机制来实现的，也就是说是通过诸如冒泡的方式在DOM树的相应根节点上绑定事件，这样此结点下的所有节点都会默认绑定了此事件。mobile safari上之所以live会失效就是因为mobile safari可能阻止了事件的冒泡（这里也只是推测，实质的原因还在进一步查找），没有给根节点绑定相应的事件，从而导致了问题的产生。

jQuery在mobile safari上使用live进行事件绑定会失效的解决方案有如下两个：

（1）将live绑定更改成bind绑定

但是这个前提是不需要给动态新生成的元素（如ajax请求后新建的元素）进行事件绑定，

否则建议采用第二种解决方案。

（2）在需要进行事件绑定的元素上（包括新建元素）添加onclick=""

这个方案比较完美，可以完全保留live的事件委托的实现方式，只是比较麻烦的是需要多

写很多的onclick=""。

补充：在iOS设备上添加onclick后会导致系统的一些原生功能失效的问题，这里要酌情进行使用。

jQuery的live绑定事件在mobile safari（iphone / ipad / ipod）上失效的解决方案的更多相关文章

  1. jQuery的on绑定事件在mobile safari（iphone / ipad / ipod）上无法使用的解决方案

    用一个div当做了一个按钮来使用. <div class="button"> <div class=" next_button button_left ...

  2. 2017年3月25日工作日志：Jquery使用小结[绑定事件判断、select标签、军官证正则]

    jQuery获取DOM绑定事件 在1.8.0版本之前,我们要想获取某个DOM绑定的事件处理程序可以这样: $.data(domObj,'events');//或者$('selector').data( ...

  3. 关于Jquery的delegate绑定事件无效

    今天在做一个页面,用的是easyui页面有很多的tabs,里面都放了iframe 需要在load事件动态调整iframe高度 发现始终无法使用delegate来绑定load事件. 纠结了一下午发现了问 ...

  4. jquery-10 jquery中的绑定事件和解绑事件的方法是什么

    jquery-10 jquery中的绑定事件和解绑事件的方法是什么 一.总结 一句话总结:bind(); unbind(); one(); 1. jquery中的绑定事件和解绑事件的方法是什么? bi ...

  5. jQuery添加html绑定事件

    jQuery添加html绑定事件 $("#xxx").on("click",".dev",function(){ });

  6. [原创]解决jQuery.live在mobile safari（iphone / ipad / ipod）绑定失败的问题

    解决方案: 给要使用live绑定事件的元素,添加“cursor:pointer”样式即可! 如: a,input,td{cursor:pointer;} 原文链接:http://bugs.jquery ...

  7. 解决jQuery.live在mobile safari（iphone / ipad / ipod）绑定失败的问题

    解决方案: 给要使用live绑定事件的元素,添加“cursor:pointer”样式即可! 如: a,input,td{cursor:pointer;}

  8. jquery中on绑定事件

    之前项目中动态创建的标签元素  在绑定事件的时候  都是无效  无论如何都不能触发 eg:在页面加载完成之后   再由脚本动态创建的<div>元素  在绑定事件的时候 例如click事件 ...

  9. jquery之on()绑定事件和off()解除绑定事件

    off()函数用于移除元素上绑定的一个或多个事件的事件处理函数. off()函数主要用于解除由on()函数绑定的事件处理函数. 该函数属于jQuery对象(实例). 语法 jQuery 1.7 新增该 ...

随机推荐

  1. 遇到的retain cycle例子

    retain cycle 会造成内存溢出,严重情况会引起崩溃.一般注意点也不会发生,但在网络连接比较多的地方就会不小心出现,vc异步的网络请求,成功后的block调用vc,如果此时,用户已经不用此vc ...

  2. python环境配置selenium与IE、Chrome、Firefox、PhantomJS

    安装.升级selenium pip install -U selenium 下载对应平台最新版的browser driver chrome: http://chromedriver.storage.g ...

  3. Web —— tomcat 问题解决

    1.在Eclipse 上部署到Tomcat,使用mybatis 访问数据库,junit测试访问正常,Tomcat运行时报错: java.lang.NoClassDefFoundError: org/a ...

  4. 关于kali安装vmware的坑，linux套路太深。

    http://www.linuxidc.com/Linux/2015-08/122240.htm 但是还有些坑 安装gcc5.4.1 apt-get install gcc-5 gcc-5所在目录 / ...

  5. bzoj2243 sdoi2011 染色 paint

    明明是裸树剖 竟然调了这么久好蛋疼 大概是自己比较水的原因吧 顺便+fastio来gangbang #include<iostream> #include<cstring> # ...

  6. Info.plist和pch文件的作用，UIApplication，iOS程序的启动过程，AppDelegate 方法解释，UIWindow，生命周期方法

    Info.plist常见的设置 建立一个工程后,会在Supporting files文件夹下看到一个“工程名-Info.plist”的文件,该文件对工程做一些运行期的配置,非常重要,不能删除 注:在旧 ...

  7. today's learning of english 1

    1.curriculum    必修课 主修课 2.sought       seek的过去式 3.blessed with a wonderful marriage   有个幸福美满的婚姻 4.al ...

  8. 《开源分享2》：《开源框架实战宝典电子书V1.0.0》完整版！

    经过一个多月的整理,<J2EE开源框架实战宝典>--Tiny文档PDF电子书開始发放,共同拥有将近600页.为喜爱Tiny.热爱Java开源框架的朋友提供更加体贴的文档服务! 下载地址:h ...

  9. Bloom Filter 原理与应用

    介绍 Bloom Filter是一种简单的节省空间的随机化的数据结构,支持用户查询的集合.一般我们使用STL的std::set, stdext::hash_set,std::set是用红黑树实现的,s ...

  10. [React Flow] Up and Running with Facebook Flow for Typed JavaScript

    Install: npm i -D flow-binnpm i -g flow-bin Init: flow init Script: "typecheck": "flo ...