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

转载自http://www.th7.cn/Program/IOS/201608/927488.shtml；

今天刚踩到的一个坑，多亏了这个网页的解决方案。感谢。