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

最新推荐文章于 2021-08-05 13:46:26 发布

原创最新推荐文章于 2021-08-05 13:46:26 发布 · 2.2k 阅读

CC 4.0 BY-SA版权

文章标签：

12 篇文章

订阅专栏

5 篇文章

订阅专栏

本文介绍了在iOS微信环境中解决点击事件无法响应的问题。提供了三种方法：为元素添加cursor样式并使用live绑定；使用on绑定；改用touchend事件。每种方法都附带了示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   我在开发微信公众号的时候遇到的这个问题，在安卓里用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一下，怎么去解决。