jQuery追加和刷新DOM_Jquery_Append_Refresh

jQuery追加和刷新DOM

jquery

jQuery追加和刷新DOM,jquery,append,refresh,Jquery,Append,Refresh,我附加了一个显示警报的按钮，但单击该按钮时看不到警报。我怎样才能解决这个问题 <!doctype html> <html> <head> <title>test</title> <meta charset="UTF-8"> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> $(docum

我附加了一个显示警报的按钮，但单击该按钮时看不到警报。我怎样才能解决这个问题

<!doctype html>
<html>
<head>
<title>test</title>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function() {
    $("#myButton").on('click', function() {
          $("<h1>Hello</h1><input id=\"but\" type=\"button\">Click").appendTo("#main_body"); 
    });
    $( "#but" ).on( "click", function() {
        alert( "bla bla" );
    });    
});   
</script> 
</head>

<body id="main_body"> 
    <input type="button" value="Tıkla" id="myButton" />
</body>
</html>


测验
$（文档）.ready（函数（）{
$（“#myButton”）。在（'单击'，函数（）上{
$（“HelloClick”）。附加到（“主体”）；
});
$（“#但是”）。在（“单击”，函数（）{
警惕（“布拉布拉”）；
});    
});

您正在添加一个侦听器，然后将输入添加到DOM中。Click事件必须在追加后绑定，才能将其链接到输入

$(document).ready(function() {
    $("#myButton").on('click', function() {
          $("<h1>Hello</h1><input id=\"but\" type=\"button\">Click").appendTo("#main_body"); 
          $( "#but" ).on( "click", function() {
            alert( "bla bla" );
          });  
    });

});

$（文档）.ready（函数（）{
$（“#myButton”）。在（'单击'，函数（）上{
$（“HelloClick”）。附加到（“主体”）；
$（“#但是”）。在（“单击”，函数（）{
警惕（“布拉布拉”）；
});  
});
});

你不能那样做！您必须委派

$(document).ready(function() { $("#myButton").on('click', function() { $("<h1>Hello</h1><input id=\"but\" type=\"button\">Click").appendTo("#main_body"); }); }); $(document).on( "click", "#but", function() { alert( "bla bla" ); });

$（文档）.ready（函数（）{ $（“#myButton”）。在（'单击'，函数（）上{ $（“HelloClick”）。附加到（“主体”）； }); }); $（文档）。在（“单击”，“但是”，函数（）上）{ 警惕（“布拉布拉”）； });
在创建第二个按钮的同一函数中，调用第二个
onclick
函数。那会有用的，先生

$（文档）.ready（函数（）{ $（“#myButton”）。在（'单击'，函数（）上{ $（“HelloClick”）。附加到（“主体”）； $（“#但是”）。在（'click'，function（）上{ 警惕（“布拉布拉”）； }); }); }); 测验很高兴能为您提供帮助！干杯非常感谢。没问题。。。您可以找到更多关于原因的文档