jquery提交功能不起作用

Question

感谢您的光临。

我遇到了一个问题，似乎无法让提交功能正常工作。

如果需要，请加载登录表单。

login_box_comment = function(){
 $("body").append('<div id="login_form_modal" style="display:none">'+
'<div id="status" align="left">'+
'<center><h1><img src="/ext/login/img/key.png" align="absmiddle">&nbsp;LOGIN</h1>'+
'<div id="login_response"><!-- spanner --></div> </center>'+
'<form id="login" action="javascript:alert(\"success!\");">'+
'<input type="hidden" name="action" value="user_login">'+
'<input type="hidden" name="module" value="login">'+
'<label>Username</label><input type="text" name="user"><br />'+
'<label>Password</label><input type="password" name="password"><br />'+
'<input type="checkbox" name="autologin" id="autologin" value="1">Log me on automatically each visit<br />'+
'<input type="checkbox" name="viewonline" id="viewonline" value="0">Hide my online status this session<br />'+
'<label><a href="/forum/ucp.php?mode=register">Register</a> | </label><input value="Login" name="Login" id="submit" class="big" type="submit" />'+
'<div id="ajax_loading">'+
'<img align="absmiddle" src="/ext/login/img/spinner.gif">&nbsp;Processing...'+
'</div>'+
'</form>'+
'</div>'+
'</div>');

$('#login_form_modal').modal();
}

并提交功能

$("#status > form").submit(function(){  
alert('working');
}):

Answer 1

在表单附加到DOM后，您只需要附加<{3}}处理程序。因此，您需要首先确保调用login_box_comment函数，然后才附加事件，因为如果DOM中没有表单，jQuery将不会执行任何操作：

login_box_comment();
$('#status > form').submit(function() {
    alert('working');
});

或只是在submit函数中附加login_box_comment处理程序：

login_box_comment = function() {
    $('body').append('.......');
    $('#status > form').submit(function() {
        alert('working');
    });
    $('#login_form_modal').modal();
};