亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 jQuery 中創建的元素未觸發偵聽器

在 jQuery 中創建的元素未觸發偵聽器

HUH函數 2023-11-13 14:38:47
我對這個問題有點困惑。我正在嘗試創建一個動態表單,其中用戶可以根據需要進行盡可能多的描述、復選框和數字輸入。我只是用 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 中硬編碼將適用于任何數字,并使用 jQuery 插入 html。這里我給你 jQuery 代碼,它只是在 HTML 字段的前面添加一個副本(工作沒有問題),并且當我們單擊刪除時刪除該字段(刪除當前字段并起作用,但僅在硬編碼的 html 中)$(".remove").click(function() {        $(this).parent().remove();    });我錯過了什么嗎?提前致謝
查看完整描述

1 回答

?
嗶嗶one

TA貢獻1854條經驗 獲得超8個贊

你應該使用


$('html').on("click", "div.remove", function() {

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

});


查看完整回答
反對 回復 2023-11-13
  • 1 回答
  • 0 關注
  • 155 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號