Jquery - 单击时不调用函数

Question

我正在更改innerHTMLdiv,然后使用新创建的HTML我调用函数,但由于某种原因,该函数未被调用.以下是我的工作.这是小提琴

$('#click1').click(function () {
    $('#submit').html('this is new html <br /><a href="javascript:;" id= "click2">Click here 2nd</a>')

});

$('#click2').click(function(){
alert("all is well");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="submit">
    <a href = "javascript:;" id="click1">Click here</a>
</div>

Answer 1

由于您是click2动态生成的,因此您应该委派.试试这个

$('#submit').on('click', '#click2',function(){
    alert("all is well");
});