当用js动态的插入内容,或者改变class,在js里面定义的点击事件失效,不能操作
原因:
浏览器解析页面元素时, 解析到js的绑定标签事件的js代码的时候,我们用js生成的标签元素还没有生成,所以这些JS 代码的绑定的事件,根本就没有绑定到这些动态加载的标签上,所以事件不会触发。
解决:
用delegate() 方法的事件处理程序适用于当前或未来的元素。
写法:
$("body").delegate(".toggle-tag","click", function(){
}
不过这个好像会在苹果12.4的大屏手机上失效,无法点击
可以在需要点击的地方加上样式cursor:pointer;就可以实现点击