文档章节

iOS中jQuery 的delegate 事件监听无效解决办法

Jackin
 Jackin
发布于 2015/10/16 17:41
字数 210
阅读 2182
收藏 3
前端的小朋友将原来 以下结构的代码
<a href="ssss">
<p>sssss</p>
<p>dddddd</p>
</a>

改成了


<div data-href="ssss">
<p>ssssss</p>
<p>dddddd</p>
</div>
因为涉及到一些异步加载的内容,所以使用如下代码来实现 a 标签的功能



$(document).delegate('[data-href]', 'click', function () {
            if ($(this).data('href')) {
                location.href = $(this).data('href');
            }
        });

在PC浏览器上没有出现任何问题,当由iPhone 6 自带的浏览器打开的时候却直接失效了。


最终在stackoverflow上找到了解决方案,现记录如下:


On iOS there is no event bubbling without a cursor style. So in your CSS you need to add cursor: pointer; to the element.

添加CSS内容

*[data-href]{
cursor: pointer;
}





© 著作权归作者所有

共有 人打赏支持
Jackin

Jackin

粉丝 27
博文 46
码字总数 13191
作品 0
闵行
程序员
jQuery中的.bind()、.live()和.delegate()之间区别分析

jQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery的朋友可以参考下。 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件...

吟啸_徐行
2014/02/20
0
0
jQuery中的.bind()、.live()和.delegate()之间区别分析

jQuery中的.bind()、.live()和.delegate()之间区别分析: DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击...

freedonn
2014/02/27
0
0
jQuery的.bind()、.live()和.delegate()之间区别

摘要:jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编写出更加简洁的代码,以及防止在交...

i33
2012/09/20
0
0
jQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery

DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发...

walkingC
2014/05/07
0
0
iOS应用程序的窗口元素及其运行原理

一、应用程序窗口元素 UIWindow:每一个应用程序都有属于自己的UIWindow,UIWindow继承自UIView UIView:视图,屏幕上可视的控件都是UIView,如按钮、文本标签、表格 UIViewController:控制...

开发小菜鸟一枚
2013/11/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Minifilter的动态安装、加载及卸载

MINIFILTER框架的文件系统过滤驱动,无法使用的CreateService和OpenService进行动态加载。 看了一下,使用Inf文件安装Minifilter驱动的方式是在注册表驱动服务项下比传统驱动多创建了Instanc...

simpower
24分钟前
1
0
idea新建springCloud项目(6)- Config Server使用

1.在IDEA新建springCloud项目-Config Server 修改版本,和之前建的eureka项目版本一致,修改完记得刷新: 删除掉不需要的文件: 2.把Config S 服务注册到eureka上去,配置git地址,启动项目 ...

monroeCode
29分钟前
3
0
大数据可视化项目开发总纲

第1章 开发文档总纲 1.1 开发工具清单 名称 版本 备注 Pentaho-bi server pentaho-server-ce-7.1 Pentaho Cde为其内置工具 Pentaho-prd pentaho-prd-ce-7.1 Pentaho Report Designer报表工具...

ZhangLG
29分钟前
2
0
pip安装超时问题

pip3 install --default-timeout=100 tensorflow 设置为100秒 参考: User Guide How to solve ReadTimeoutError: HTTPSConnectionPool(host='pypi.python.org', port=443) with pip?......

亚林瓜子
31分钟前
1
0
fragment 旋转时保持当前实例

设备旋转时保存Fragment的交互状态: setRetainInstance(true);

zdglf
33分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部