jQuery技术

iso中Safari中使用jQuery的bind click 事件失效解决办法

字号+ 作者:H5之家 来源:H5之家 2017-04-24 12:04 我要评论( )

php教程分享网站是以PHP资源分享为主的专业网站,也提供了PHP中文交流社区。面向PHP学习研究者提供:最新PHP资讯、原创内容、开源代码和PHP视频教程等相关内容。

iso中Safari中使用jQuery的bind click 事件失效解决办法

2015年3月13日 admin

在iso中Safari浏览器使用jquery的bind click 事件时会失效。

解决办法是使用touchstart替换click
//解决办法
var user_agent = navigator.userAgent.toLowerCase(); // detect the user agent
var ios_devices = user_agent.match(/(iphone|ipod|ipad)/)  ? "touchstart" : "click"; //check if the devices are ios devices

$(element_id_or_class).bind(ios_devices , function() { //bind the ios devices to click event
    console.log("Hack for IOS Devices Click Event");
});

另外一种方法是不使用bind 绑定 click事件,直接使用click方法。

$(element_id_or_class).click(function() {
    //bind the ios devices to click event
    console.log("IOS Devices Click Event");
});

参考:

?s=bfd6096df9e76134f4b771fab035d988

声明:未作说明,则本文为php教程分享网站原创。转载务必注明出处。
谢谢!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • PHP+JQUERY操作JSON实例【站长博客网】

    PHP+JQUERY操作JSON实例【站长博客网】

    2017-04-12 16:02

  • jQuery 事件绑定(event)学习笔记

    jQuery 事件绑定(event)学习笔记

    2017-04-06 11:02

  • 基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能

    基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能

    2017-03-18 15:03

  • jquery cookie用法(获取cookie值,删除cookie)

    jquery cookie用法(获取cookie值,删除cookie)

    2017-03-06 10:04

网友点评