时间戳

首页 > 解决方案 > jquery - 附加一个按钮，然后想使用 jquery 事件

jquery - jquery - 附加一个按钮，然后想使用 jquery 事件

问题描述

我对以下代码有疑问，我想附加一些元素（现在例如：按钮；稍后：这将是输入字段）并单击它们以执行某些操作。

附加没问题，但是通过单击新元素（按钮），JQuery 不会做任何事情。

使用的是 jquery-3.3.1。

例如一些片段：

html - 之前.append：

...
<div class="button">Button</div>
<div class="placeholder"></div>
...

查询：

...
$( ".button" ).on("click",function() {
  $('.placeholder').append('<div class="button">Button</div>');
});
...

之后的 HTML .append：

...
<div class="button">Button</div>
<div class="placeholder">
    <div class="button">Button</div>
</div>
...

标签： jquerydom

解决方案

由于元素是动态添加的，因此在第一次加载 DOM 时它不可用。您必须像这样访问它们；

$(document).on("click","tag",function(){
  // do something
});

在你的情况下

$( "document" ).on("click",".button",function() {
  $('.placeholder').append('<div class="button">Button</div>');
});

推荐阅读