执行innerHTML后绑定事件消失

转载请注明出处WangYuheng’s Blog

[问题]

编写js插件,利用innerHTML=innerHTML+plugin_content 渲染插件内容后,原网站绑定事件失效。

[原因]

jquery html元素绑定后,重新渲染页面后,没有重新绑定,所以失效。

[怎么发现的]

引用插件后,页面上的click事件无效。

[修复]

修改插件的渲染方式为 createElement元素后,通过appendChild添加到页面上。

[我导致的]

是的

[解决Bug的时间]

5分钟

[教训]

编写插件时,不能影响已有元素,不能侵入和耦合。了解页面的重绘。

wangyuheng wechat
扫码关注我的公众号,获取更多文章推送