在 jQuery 中创建的元素不会触发侦听器

Question

我对这个问题有点困惑。我正在尝试创建一个动态表单，在该表单中，用户可以根据需要进行尽可能多的描述、复选框和数字输入。我只是用 jQuery 创建一个简单的动态公式，到目前为止，我可以创建它们自己删除的元素（当用户单击删除字段时），我可以在表单中添加更多元素。代码如下：

<!-- THE FIELD THAT I APPEND IS A COPY OF THIS ITEM -->

 <div class="container-field-form" id="description-field">

    <div class="container-field-form__img remove"> 

       <img  src="/static/svg/problem.svg" class="icon-to-do-form img-zoom-min " id="deleteButton">

    </div>

    <div class="container-field-form__field form-field"> 

        <textarea onchange="this.value = capitalizeFirstLetter(this.value)" class="form-control form-field" name="description" id="description" rows="3" placeholder="Enter the description"></textarea>

    </div>   

 </div>

<!-- FROM HERE I APPEND AND ONLY APPEARS ONE AT THE BEGGGINING -->

 <div class="container-field-form" id="description-field">

     <div class="container-field-form__img" id="add-description"> 

         <img  src="/static/svg/add-component.svg" class="icon-to-do-form img-zoom-min " id="deleteButton">

      </div>

      <div class="container-field-form__field form-field"> 

         <textarea onchange="this.value = capitalizeFirstLetter(this.value)" class="form-control form-field" name="description" id="description" rows="3" placeholder="Enter the description"></textarea>

      </div>   

 </div>

我在这里遇到的问题是，我在 HTML 中硬编码的项目，它们回答正确（在需要删除或复制任何阵营时删除），但是对于我添加到 HTML 中的新项目，它们没有回答听众（它是来自 html 的精确副本，在 html 中硬编码将适用于任何数字，插入的 html 与 jQuery 没有。

在这里，我给你 jQuery 代码，它只是在 HTML 字段的副本前面添加（没有问题），当我们单击删除时删除该字段（删除当前字段并且只在硬编码的 html 中有效）

$(".remove").click(function() {

        $(this).parent().remove();

    });

我错过了什么吗？提前致谢

Answer 1

你应该使用$('html').on("click", "div.remove", function() {&nbsp; &nbsp;$(this).parent().remove();});