gpt4 book ai didi

javascript - 动态创建元素的事件处理程序?

转载 作者:行者123 更新时间:2023-11-30 11:35:39 25 4
gpt4 key购买 nike

<分区>

$(document).ready(function () {

$('.add-button').on('click', function () {

$('.alert-button').after('<button type="button" class="alert-button">Click me! </button><br>');

});


$('.alert-button').on('click', function () {

alert('HI!');

});

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='button' class="alert-button">Click me! </button><br>
<button type="button" class="add-button">Add button!</button>

嗨!我的“$('.alert-button').on('click'...”代码适用于在页面加载时创建的元素,但不适用于动态创建的元素。

所以我有一个包含 2 个按钮的页面(请运行上面的代码片段)。如果您点击“点击我!”警报“嗨!”出现。

但是当我重复“点击我!”通过按“添加按钮”按钮,点击复制的“点击我!”不产生警报“嗨!” (尽管它也有“.alert-button”类)。

我想看到警报“嗨!”当我点击任何“点击我!”按钮。

我做错了什么?:)

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com