今天遇到了这样的问题,很简单的一个点击事件
$(document).on('click', 'dl dt', function() {
//something()
});
在pc以及安卓设备都是正常的,但是在ios上面就失效了。
问题描述:
当使用委托给一个元素添加click事件时,如果事件是委托到 document或 body上,并且委托的元素是默认不可点击的(如 div, span等),此时 click事件会失效。
解决方法
1、将 click 事件直接绑定到目标元素(即 .target)上;
2、将目标元素换成 a 或者button 等可点击的元素;
3、将 click 事件委托到非 document 或 body 的父级元素上;
4、给目标元素加一条样式规则 cursor: pointer。