js append html 后点击点击事件和样式不生效

最新推荐文章于 2022-07-20 20:07:57 发布

Mr.zxy

最新推荐文章于 2022-07-20 20:07:57 发布

阅读量1.7k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/zhengxiaoya2017/article/details/107733022

版权

在开发中遇到一个问题，当使用JS动态append HTML内容后，遇到Select2插件样式不生效和点击事件无法触发的问题。解决方法包括：针对样式问题，通过给新追加的元素添加特定class并初始化Select2来修复；而对于点击事件，通过监听父元素的on事件来捕获并处理子元素的点击行为。

摘要由CSDN通过智能技术生成

最近在做一个点击一个按钮追加一行的功能时，发现通过js代码append 的html 的点击事件和页面样式不生效。
在这里插入图片描述

 var tr = "<div id='appendDiv"+i+"' class='form-row'>                                                                  " +
           "        <div class='form-group col-1'><label>联系人姓名</label>                                               " +
           "            <input type='text' class='form-control' name='contact_name"+i+"' placeholder='姓名 ( 必填 )'>     " +
           "        </div>                                                                                               " +
           "        <div class='form-group col-1'><label>性别</label>                                                     " +
           "            <select type='text' class='form-control select2' name='contact_sex"+i+"'>                        " +
           "                <option value

最低0.47元/天解锁文章

Mr.zxy

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js append html 后点击点击事件和样式不生效

最近在做一个点击一个按钮追加一行的功能时，发现通过js代码append 的html 的点击事件和页面样式不生效。 var tr = "<div id='appendDiv"+i+"' class='form-row'> " + " <div class='form-group col-1'><label>
复制链接

扫一扫

专栏目录