移动设备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一下，怎么去解决。