jQuery的live绑定为什么会在mobile safari上失效呢?其实可以追溯到jQuery里live的实现方式。live的实现方式实际上是通过事件委托机制来实现的,也就是说是通过诸如冒泡的方式在DOM树的相应根节点上绑定事件,这样此结点下的所有节点都会默认绑定了此事件。mobile safari上之所以live会失效就是因为mobile safari可能阻止了事件的冒泡(这里也只是推测,实质的原因还在进一步查找),没有给根节点绑定相应的事件,从而导致了问题的产生。

      jQuery在mobile safari上使用live进行事件绑定会失效的解决方案有如下两个:

               (1)将live绑定更改成bind绑定

                        但是这个前提是不需要给动态新生成的元素(如ajax请求后新建的元素)进行事件绑定,

                        否则建议采用第二种解决方案。

               (2)在需要进行事件绑定的元素上(包括新建元素)添加onclick=""

                        这个方案比较完美,可以完全保留live的事件委托的实现方式,只是比较麻烦的是需要多

                        写很多的onclick=""。

补充:在iOS设备上添加onclick后会导致系统的一些原生功能失效的问题,这里要酌情进行使用。

posted on 2013-11-01 16:17  冰~ice  阅读(820)  评论(0编辑  收藏  举报