Javascript 如何将按钮作为html添加到div并添加单击功能
在以下代码中，按钮“alt2”显示，但不提示“hi” 这是添加按钮的正确方法吗Javascript 如何将按钮作为html添加到div并添加单击功能,javascript,jquery,html,Javascript,Jquery,Html,在以下代码中，按钮“alt2”显示，但不提示“hi” 这是添加按钮的正确方法吗 <body> <div id="test"></div><br> <button id="add">add</button><br> <button id='alt'>alt1</button> <script type="text/javascript" > $(function(){ $
<body>
<div id="test"></div><br>
<button id="add">add</button><br>
<button id='alt'>alt1</button>
<script type="text/javascript" >
$(function(){
$("#add").click(function(){
$("#test").html("<button id='alt2'>alt2</button>");
});
$("#alt").click(function(){
alert("hi");
});
});
</script>
添加
备选方案1
$（函数（）{
$（“#添加”）。单击（函数（）{
$（“#test”）.html（“alt2”）；
});
$（“#alt”）。单击（函数（）{
警报（“hi”）；
});
});
$（“#添加”）。单击（函数（）{
$（“#test”）.html（“alt2”）；
});
$（“#alt”）。单击（函数（）{
警报（“hi”）；
});
$（document）.on（'click'，“#alt2”，function（）{//use.on（）
警报（“hi 2”）；
});
添加
备降1
$（“#添加”）。单击（函数（）{
$（“#test”）.html（“alt2”）；
});
$（“#alt”）。单击（函数（）{
警报（“hi”）；
});
$（document）.on（'click'，“#alt2”，function（）{//use.on（）
警报（“hi 2”）；
});
添加
第二个alt2的alt1（“单击”）…
缺失。另外，我建议您在（“单击”）上使用，
而不是（“单击”）
<代码>（“单击”）
这一个可能会错过第二次开火
添加
备选方案1
$（函数（）{
$（文档）。在（“单击”上，“添加”，功能（e）{
e、 预防默认值（）；
$（“#test”）.html（“alt2”）；
});
$（文档）。在“单击”、“替换”上，函数（e）{
e、 预防默认值（）；
警报（“hi 1”）；
});
$（文档）。在“单击”上，“替换2”，功能（e）{
e、 预防默认值（）；
警报（“hi 2”）；
});
});
在（“单击”）…
上缺少第二个备降2。另外，我建议您在（“单击”）上使用，
而不是（“单击”）
<代码>（“单击”）
添加
备选方案1
$（函数（）{
$（文档）。在（“单击”上，“添加”，功能（e）{
e、 预防默认值（）；
$（“#test”）.html（“alt2”）；
});
$（文档）。在“单击”、“替换”上，函数（e）{
e、 预防默认值（）；
警报（“hi 1”）；
});
$（文档）。在“单击”上，“替换2”，功能（e）{
e、 预防默认值（）；
警报（“hi 2”）；
});
});
提交中还添加了e.preventDefault（）；防止按钮执行其他操作，例如提交中还添加了e.preventDefault（）；防止按钮执行其他操作，例如提交