jquery的追加()动态创建的元素点击之后没有反应,
查阅资料后才知道需将单击事件绑定在其父级标签上。
例如:
HTML:
<按钮>还想吃</按钮> <div class =“swrap”> <div class =“lotteryTags”>海鲜火锅</ div> <div class =“lotteryTags”>鸡公煲</ div> <div class =“lotteryTags”>重庆小面</ div> <div class =“lotteryTags”>烧烤</ div> </ DIV> JS:
$( “按钮”)。点击(函数(){ $(“。swrap”)。append(“<div class ='lotteryTags'>再来一份</ div>”); }) $( “lotteryTags”)。点击(函数(){ 警报( “还想吃”) }) 此时,当你点击再来一份时会发现没有任何反应,这时就需要将点击事件绑定在其父级元素上,如下:
$( “swrap ”)。在(“ 点击”, 'lotteryTags',函数(){ 警报( “终于吃饱了”) }); 这样,问题就解决了
|
|