javascript - 如何将javascript应用到由javascript添加的html中？

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 7 年前。

我正在制作一个注册系统。用户成功注册后，form->ajax->php，ajax将html添加到预制的空消息div中。

$("#register_form").submit(function(event) {
    var $data = $(this).serialize();
    var result = "";

    $.ajax({
        cache   : false,
        type    : "POST",
        url     : "php/register.php",
        data    : $data,
        success : function(response) {
              if(response === "OK"){
                  result  = "<div class='alert alert-success'>You have successfully registered!<br/>";
                  result +=     "Please check your mailbox for the activation link. It may take a few minutes.<br/>";
                  result +=     "<a id='resend'>Resend Confirmation Email</a>";
                  result += "</div>";
                  $("#register_form").slideUp(500);
              }
              else{
                  result = '<div class="alert alert-danger">' + response + '</div>';
              }

              $("#register_response").html(result);
              $("#register_response").slideDown(500);
        }
    });

    event.preventDefault();
});

我把“重新发送确认电子邮件”放在那里，只是一个等待点击的空链接。但似乎注册页面的 javascript (与上述脚本所在的文件相同，我做了 $("#resend").click(...) )不适用于它。我应该把 javascript 放在哪里才能正常工作？

此外，如果这不是使用 javascript 添加 html 的好方法，那么实现此目的的好方法是什么？

Answer 1

试试这个:

$("#register_response").on('click','#resend',function(){
  ///Your code

});