jquery soumettre fonction ne fonctionne pas

Question

merci pour la recherche.

J'ai un problème que je ne peux pas sembler obtenir la fonction de soumission workin.

charger le formulaire de connexion si nécessaire.

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(); 
} 

et ths soumettre fonction

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

Answer 1

Vous devez joindre le gestionnaire submit ne après le formulaire a été ajouté au DOM. Donc, vous devez d'abord vous assurer que la fonction login_box_comment est appelée et ne puis fixez l'événement parce que si la forme ne figure pas dans les DOM jQuery ne fera rien:

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

ou simplement joindre le gestionnaire submit à l'intérieur de la login_box_comment fonction:

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