jQuery事件委托之Safari

最新推荐文章于 2021-12-17 14:42:15 发布
最新推荐文章于 2021-12-17 14:42:15 发布
阅读量303 收藏
点赞数

转载地址： http://www.chengxuyuans.com/javascript/105742.html

纯留记录

解决办法

1.将click事件直接绑定到元素上（不使用事件委托）

2.需要绑定click事件的元素改成<a>或者<button>等可点击元素

3.将click事件委托到非doucument或body的父级元素上

4.给目标元素添加一条css样式 cursor:pointer（推荐这种，方便省事）


hotlinhao
关注
iOS下Safari点击事件失效的解决方法
08-28
在iOS下的Safari浏览器中，点击事件可能会失效，这是由于委托给一个元素添加click事件时，事件是委托到document或body上，并且委托的元素是默认不可点击的（如div, span等），此时click事件会失效。 问题描述： 当...
jquery ajax safari,Safari浏览器：jQuery的功能在AJAX加载的内容
weixin_28687251的博客
08-06 226
不工作我有一个页面dashboard.asp它打开一个对话框，并用ajax加载... profile.aspSafari浏览器：jQuery的功能在AJAX加载的内容在profile.asp有相关的配置文件的功能的各种jQuery函数。一切都很好接受Safari不会在加载的内容中加载$(document).ready。第二个问题应该是包括在ajax加载页面以及父页面。代码中dashboard.as...
safari浏览器下jquery点击click无效解决方法
linjingyg的博客
12-17 787
　　 　　最近在一个网站建设公司客户的web前端外包的项目中，我们就碰到了这样一个问题， 苹果手机下safari浏览器下jquery点击click无效， 但是安卓或者pc上不存在这个问题。代码片段是没有问题的 　　//示例弹窗$(document).on('click','#exp',function(){ 　　$("#mask").fadeIn(); 　　$("#example").fadeIn(); 　　$(this).addClass("selected");}); 　　后来查阅很..
jquery ajax safari,Jquery/Ajax在Safari中工作但不是Firefox
weixin_42560991的博客
08-06 228
这是一个测试页面。有一个按钮，点击应该将整个外部页面extern2.php加载到内容div中。 Extern2.php同时适用于Safari和Firefox，但index.php仅适用于Safari。Jquery/Ajax在Safari中工作但不是Firefox主要页面：jQuery Ajax Testfunction foo() {$('#content').load('extern2.php'...
safari兼容html,jquery on 方法在safari上的兼容性
weixin_31735943的博客
06-20 306
testul, li{margin: 0;padding: 0;}ul{list-style: none;max-width: 600px;}li{margin: 10px;border: 1px solid blue;}img{width: 200px;border: none;}div.appraisal-intro{font-size: 20px;margin: 20px 0;padding...
safari 中jQuery 第一次show没有显示
hw1287789687的专栏
09-13 1767
safari 中jQuery 第一次show没有显示 环境:MacBook Safari版本: 重现bug点击事件中动态地在body节点插入一个div,并且div的样式中设置: display: none; 插入完了之后,调用jQuery的show()第一次没有效果,即该div没有显示出来,第二次才显示. 该div的原始样式: 点击事件中的部分逻辑: 第一次点击时控制台打
基于jQuery+CSS3 手风琴图片折叠滑开代码(支持ie9 chrome safari firefox opera).zip
最新发布
11-21
本文将详细讲解如何利用jQuery和CSS3实现一个支持IE9及以上、Chrome、Safari、Firefox和Opera等主流浏览器的手风琴图片折叠滑开代码。 一、jQuery基础 jQuery是一个轻量级的JavaScript库，它的出现极大地简化了...
jquery 常用操作整理 基础入门篇
01-21
jQuery 还允许事件委托，通过 `.delegate()` 或 `.on()` 在父元素上处理子元素的事件，提高了性能和代码的可维护性。 4. **动画效果**：jQuery 的 `.animate()` 方法允许开发者创建自定义的动画效果，如改变元素的...
zepto:设置select选中的问题记录---Safari浏览器兼容
MRblackLu的博客
03-30 3965
最近在做项目的过程中，遇到一个需要动态设置select选中的需求。当然，用zepto实现起来还是很方便的：$('select').find('option[value="'+key+'"]').attr('selected', true);在安卓所有浏览器跑了一把，都没啥问题，IOS上也测试了一把。就在我以为可以收工的时候，出现了一个比较奇葩的问题：Safari浏览器中，select设置选中没有生效
移动设备safari不支持jquery的live绑定的解决办法
一灯笔记
07-26 2220
我在开发微信公众号的时候遇到的这个问题，在安卓里用live去绑定事件都没问题，用on也可以，但是到在iphone中的微信里确始终没法响应绑定的事件，后来网上找了些方法，有些可以，有些不行，这里给写下来，给正在坑里的码农们一些意见。
iOS 浏览器safari中使用JQuery click事件无效解决方法
hesterrocks的博客
03-21 5311
1.给被绑定的元素添加CSS样式 cursor:pointer; 2.被绑定元素的标签如果是div 或 span 尽可能换成 button 或 a 标签里要有href属性，否则不生效。 3.将click事件直接绑定在目标元素上： $(document).on('click', '.clickable-div', function() { fire event }); 4.使用
jQuery的事件委托方法on、live、delegate之间有什么区别？
xuxu_qkz的博客
10-25 9237
jQuery的事件委托方法on、live、delegate之间有什么区别？ 首先什么是事件委派？ 事件委派（委托）： 事件委托就是利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果。当页面同步加载时，会添加事件。有时数据是由异步加载，同步无法给不存在（刚开始）的元素添加事件。此时我们可以在一开始就存在的**父元素**上添加事件，再通过父元素在触发时找子元素。
Safari浏览器关于append DOM Node的问题
会飞的球球
11-24 464
特别注意，在Safari浏览器中是不支持把一个DOM Node直接append到另一个DOM Node上的，不然会抛出JS异常。解决方案，是拷贝Node下所有节点到另一Node上，相关函数如下： function copyNodes( nodeTo, nodeFrom ) { if( !nodeTo || !nodeFrom ) return; ...
Jquery 在ios上事件委托失效？
一汀程序狗的博客
01-12 2583
最近做的一个项目，开发H5页面，然后适配运行在andriod和ios上。 一个查看原卷的弹框，点击按钮后会弹出一张居中的图片，并且有全屏遮罩。现在的需求是点击遮罩弹框关闭。外面的div是遮罩，点击事件委托在document上， 像这样： $(document).on("click","#lookOriginalImg",function(){  ..关闭..}) 在web和Android上都
jquery ajax safari,JQuery AJAX函数在iOS 5 Safari / iPad中不起作用
weixin_35798118的博客
08-06 646
在iPad上使用iOS 5野生动物园上最新版本的jQuery 1.6时，我注意到我所有的ajax调用都失败了。 这些相同的ajax调用可以在我尝试过的所有其他浏览器上正常运行，而且我很确定它们也可以在iOS 4的Safari版本上运行(尽管我可能错了)。 还有其他人也经历过这种行为吗？ 如果是这样，是否有修复程序或解决方法？ 下面是一个简单的jQuery AJAX调用的快速示例，该调用在iOS 5...
提升jQuery性能的最佳实践
- **事件委托**：使用事件代理（如`$(document).on('click', '.target', function() {...})`）来处理大量或动态添加的元素，可以提高性能。 - **延迟加载和按需加载**：对于非首屏内容，可以使用延迟加载（如`$...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值