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