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

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

示例代码：

    <ul class="list">
        <li>1li>
        <li>2li>
        <li>3li>
    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一下，怎么去解决。