我正在制作一个注册系统。用户成功注册后,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 的好方法,那么实现此目的的好方法是什么?
最佳答案
试试这个:
$("#register_response").on('click','#resend',function(){
///Your code
});
关于javascript - 如何将javascript应用到由javascript添加的html中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35761489/