前端日常踩坑(1) -- .click() 和 $(docume

今天在配合后端修改前端动态效果的时候,发现selector.click()不起作用,调试许久未发现问题,后来才发现事件的元素是动态生成的新的元素.而非静态页面现有的元素.

• 两种事件方法的区别.

selector.click() ------- 适用页面现有元素绑定的点击时间.如果是动态生成的新的元素,是没有事件的.

$(document).on('click','selector',function(){}) ------- 适用于动态生成新元素的情况,将事件委托在document上;如果新产生的元素符合selector,则触发此事件.

• 但是又有一个新的问题---$(document).on('click','selector',function(){})在安卓上和电脑浏览器上都能触发,但是在ios上无效!

解决方法也很简单.

1. 在需要绑定事件的元素上添加一句 css ------ selector {cursor:pointer};

2. 将click换成 touchstart ;