jQuey的事件委托在IOS上失效——之解决方案

我们知道，当我们想为未来的DOM元素绑定事件时，可以使用事件委托来实现。

举个栗子，比如现在页面里有个class为box的元素，未来其内部会新增一个id=show的元素，那么如何用jQuery为未来新增的元素绑定事件呢？

使用传统的事件绑定$('#show').click()是无法为未来新增的元素绑定事件的，但我们可以用事件委托来实现：

// DOM 结构
<div class="box">
</div>
复制代码

// JS
$(document).on('click', '#show', function(){
    alert('id为show的元素事件绑定成功！')
})复制代码

这个在电脑及Android手机上正常，但是在IOS苹果手机上就失效了。IOS上的document事件委托失效了，那么如何也让IOS支持事件委托呢？方法是把事件绑定到未来元素的其他父元素上。

例如将document换成其他父元素即可：

$('.box').on('click', '#show', function(){
    alert('id为show的元素事件绑定成功！')
})复制代码