移动设备safari不支持jquery的live绑定的解决办法

原创 2016年07月26日 15:37:31
   我在开发微信公众号的时候遇到的这个问题,在安卓里用live去绑定事件都没问题,用on也可以,但是到在iphone中的微信里确始终没法响应绑定的事件,后来网上找了些方法,有些可以,有些不行,这里给写下来,给正在坑里的码农们一些意见。

示例代码:

    <ul class="list">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>

方法一:
首先要给绑定click事件的元素加上样式:cursor: pointer;

<style>
    .list li { cursor: pointer; }
</style>

然后再用live绑定事件

<script>
    $(function() {
        $('.list li').live('click', function() {
            alert('你点我了');
        })
    })
</script>

如果方法一对你无效,你也可以用方法二:

同样也给绑定click事件的元素加上样式:cursor: pointer;

然后用on来绑定事件,jquery1.7后推荐用on来动态绑定事件,因为比live更高效

<script>
    $(function() {
        $(document).on('click', '.list li', function() {
            alert('你点我了');
        });
    })
</script>

方法三:
直接用touchend事件,不用click事件
但是touchend事件会执行两次,绑定元素上执行一次,document上执行一次,这个需要用别的方法去屏蔽第二次响应,这里我不推荐使用,你也可以google一下,怎么去解决。

移动端兼容性问题解决方案

1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, ...
  • Doris_sun
  • Doris_sun
  • 2017年04月10日 14:04
  • 2319

最全整理浏览器兼容性问题与解决方案

常见浏览器兼容性问题与解决方案   所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的...
  • u010427666
  • u010427666
  • 2016年05月25日 17:37
  • 10356

移动设备safari不支持jquery的live绑定的解决办法

我在开发微信公众号的时候遇到的这个问题,在安卓里用live去绑定事件都没问题,用on也可以,但是到在iphone中的微信里确始终没法响应绑定的事件,后来网上找了些方法,有些可以,有些不行,这里给写下来...
  • thenewdiana
  • thenewdiana
  • 2016年12月07日 18:17
  • 191

jquery live()重复绑定的解决办法

Query中.live()方法的使用方法  今天在写代码的时候遇到一个问题,直接上代码看: $(function(){             $(".file").live("click"...
  • middlekingt
  • middlekingt
  • 2013年02月18日 19:30
  • 733

利用wireshark 通过mac os网络共享 抓取 移动设备上发起的 http 网络请求报文 (附:升级 10.10 以后 wireshark启动闪退解决办法)

首先说下 已经安装了  wireshark  升级 mac os 到 10.10 后 闪退的问题  本人 mac mini 很早之前就安装了 wireshark 抓包,最近升级 10.10 后 发现 ...
  • xiaofei125145
  • xiaofei125145
  • 2014年12月02日 16:03
  • 1871

oracle 客户端不支持中文解决办法

  • 2012年05月11日 11:33
  • 27KB
  • 下载

wdcp不支持innodb解决办法

  • 2014年04月16日 11:07
  • 627B
  • 下载

移动端报表使用教程【2】移动设备绑定与撤销

  • 2015年12月01日 15:10
  • 664KB
  • 下载

不支持fsockopen函数 的通用解决办法

  • 2015年01月04日 11:46
  • 2KB
  • 下载

wamp不支持短标签解决办法

  • 2015年09月25日 09:45
  • 113B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:移动设备safari不支持jquery的live绑定的解决办法
举报原因:
原因补充:

(最多只允许输入30个字)