关于js动态渲染的元素绑定事件遇到的坑

总结一下今天项目中遇到的关于动态渲染元素绑定事件遇到的一些坑。

首先作为后台管理系统除左边侧边栏外，右边主体部分都是动态渲染出来的。

第一：在给右侧主体里面元素绑定事件的时候，不要直接on绑定，而是用父元素代理事件来绑定，直接on是绑不上去的。

第二：因为是动态渲染的元素，因此一般的绑定事件方法会造成右侧页面局部刷新之后，事件会重复叠加。解决方法是绑定之前先进行事件解绑，我是用的off方法。当然我也想到过one这个方法，只是one方法绑定一次之后再次点击便没有反应，具体原因尚未研究清楚，这个明天再去具体研究一下这个one方法。

第三：如果涉及到事件代理，一个父元素只能代理一次，如果好多个动态元素都用同一个父元素来做事件代理，那么后面的事件会覆盖掉前面父元素代理的事件。