我发布的程序中我使用添加按钮来添加更多按钮。但是当我单击带有值删除的添加按钮时，不会发生任何事件。
<?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/