关于动态添加dom元素并且删除

之前遇到过一个问题就是点击一个静态的Ul里的Li元素给另一个空的ul赋新的li元素,但是给新的li元素添加click事件时失效。

仔细分析后大概认为是因为$(function(){})之后结构已经定死,而定死的时候空的ul里是没有任何元素的,所以导致了Li元素绑定click事件失败。

(click是要点击到了元素触发了click方法后才会去触发onclick事件,而onclick只是绑定事件,当鼠标点击时就会触发事件)

所以这时需要用$(parent).on('click','child',function(){....})来解决这种问题,切记要阻止事件冒泡.

ps:parent必须用静态的父级元素(比如在Ul之中添加li,这里的parent就要用ul),child就用被添加的子元素。

posted @ 2016-01-04 17:47  santree  阅读(426)  评论(0编辑  收藏  举报