gpt4 book ai didi

php - 如何获取动态添加的 html 按钮上的事件

转载 作者:行者123 更新时间:2023-12-02 18:30:03 24 4
gpt4 key购买 nike

我发布的程序中我使用添加按钮来添加更多按钮。但是当我单击带有值删除的添加按钮时,不会发生任何事件。

<?php
?>

<html>
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('.input').click(function()
{
$("p").prepend('<input type="button" id="hh" value="remmove" />');
});

$('#hh').on('click',function()
{
alert('raman');
});
});


</script>
</head>
<body>
<p>
<input type="button" class="input" value="add"/>

</p>
</body>
</html>

请让我知道这段代码有什么问题。当我单击 id 为“hh”且值为 remmove 的按钮时,我无法获得结果,即警报。

最佳答案

您需要在此处使用事件委托(delegate),但请确保 id 在文档中保持唯一。

        $(document).on('click','#hh',function()
{
alert('raman');
})

如果您计划添加多个按钮,请使用类而不是 id

$(document).ready(function() {
$('.input').click(function() {
$("p").prepend('<input type="button" class="hh" value="remmove" />');
});

$(document).on('click', '.hh', function() {
alert('raman');
});
});

演示:Fiddle

关于php - 如何获取动态添加的 html 按钮上的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17895359/

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