动态添加的标签绑定click事件不响应和关于IOS下click事件委托失效的解决方案
来源:互联网 发布:paintbrush for mac 编辑:程序博客网 时间:2024/05/01 21:12
给动态添加的标签使用jQuery绑定click事件不响应以及iOS设备上click事件委托失效问题
不响应原因:当它使用jQuery绑定click事件时,对应的DOM对象还没有生成,所以会不响应
解决方案1:可以使用代理事件来解决,代码1如下,但是使用下面这个代码1会引起另外一个问题,就是安卓和PC上都可以正常响应,但是在iOS设备上是没有响应,解决方案见代码2,至于为什么在iOS设备上不响应,参考最下面的链接地址,我在这里不在多说,解决方法见代码2片段,需要注意的一点就是绑定的目标元素,我采用的是下面参考链接中的第2种解决方案,只要是非document,body的父级元素都可以。(ps:我绑定的cinemaList是他的爷爷,至于你想绑定它哪个父级元素就看你心情了)
代码1:
$(document).on('click','.allList .detail',function () { var cinemaID = $(this).attr("cinemaID"); localStorage.setItem("userChooseCinemaId", cinemaID); window.location.href = "index.html";});
代码2:
$('.cinemaList').delegate('.allList .detail','click',function (event) { var cinemaID = $(this).attr("cinemaID"); localStorage.setItem("userChooseCinemaId", cinemaID); window.location.href = "index.html";});
解决方案2:在动态生成标签事直接绑定onclick事件,如我红框所示,简单粗暴
参考链接:http://www.cnblogs.com/-walker/p/6726833.html 关于IOS下click事件委托失效的解决方案
阅读全文
0 0
- 动态添加的标签绑定click事件不响应和关于IOS下click事件委托失效的解决方案
- jquery 添加标签不响应click事件
- 动态生成的html绑定click事件没有效果不执行 click事件重复绑定问题
- Android Click事件不响应的情况
- jquery 绑定动态元素的click事件
- ios click事件失效
- jquery在某种情况下绑定click事件会触发多次click的解决方案
- jquery的click事件失效
- 关于动态添加的元素不能触发click事件
- Jquery 对新插入的节点 绑定Click事件失效
- click事件绑定与不绑定的区别
- 关于点击click事件以及事件绑定的方式
- 关于jquery中on绑定click事件在苹果手机失效的问题
- 关于jquery中on绑定click事件在苹果手机失效的问题
- 标签绑定click事件,ios手机系统下微信公众号页面标签点击失效
- iOS使用on绑定click事件出现绑定父标签闪烁的问题
- iOS Safari 中click点击事件失效的解决办法
- js的click事件在IOS上失效
- python篇2_列表&元组&字符串
- 留学申请
- 获取手机中应用apk
- PhoneAccount理解
- mysql分组然后统计某个值的百分比sql实现
- 动态添加的标签绑定click事件不响应和关于IOS下click事件委托失效的解决方案
- 【Gym
- 简单上传项目到github
- 【人生苦短,我用Python】Python免费精品课连载(2)——序列、列表、元组与字符串
- mysql 没传参数 连写and 没有报错的原因
- 如何使用文件字节输出流(FileOutputStream)将数据写到磁盘文件中
- c++调试记录--内存无法访问以及逻辑正确却总是得到错误结果
- 过滤器的使用(一)
- MySQL数据类型