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

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

阅读更多
个人分类: html javascript
上一篇还在为小图标不能适应各种设备发愁吗?iconfont为你解决所有问题
下一篇Google CSE帮你多站点同时站内搜索
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭