A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

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',函数(){
        警报( “终于吃饱了”)
});
这样,问题就解决了

1 个回复

倒序浏览
奈斯,感谢分享
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马