jquery提交功能不工作 [英] jquery submit function not working

问题描述

我有一个问题，我似乎无法得到提交函数workin。

  login_box_comment = function（）{
 $（body）。 append（'< div id =login_form_modalstyle =display：none>'+ 
'< div id =statusalign =left>'+ 
'< ;中心>< h1>< img src =/ ext / login / img / key.pngalign =absmiddle>& nbsp; LOGIN< / h1>'+ 
'< div id =login_response><！ -  spanner  - >< / div>< / center>'+ 
'
'< input type =hiddenname =actionvalue =user_login>'+ 
'<输入类型=hiddenname =modulevalue =login>'+ 
'< label>用户名< / label>< input type =textname =user>< br />'+ 
'< label>密码< / label>< input type =passwordname =password>< br />'+ 
 < input type =checkboxname =autologinid =autologinvalue =1>自动登录每次访问< br />'+ 
'< input type =复选框name =viewonlineid =viewonlinevalue =0>隐藏我在线状态此会话< br />'+ 
'< label>< a href =/ forum / ucp ？.PHP模式=寄存器>注册< / A> | < / label>< input value =Loginname =Loginid =submitclass =bigtype =submit/>'+ 
'< div id =ajax_loading >'+ 
'< img align =absmiddlesrc =/ ext / login / img / spinner.gif>& nbsp;正在处理...'+ 
'<< ; / div>'+ 
'< / form>'+ 
'< / div>'+ 
'< / div>'）; 
 
 $（'＃login_form_modal'）。modal（）; 
} 
  

和提交函数

  $（＃status> form）。submit（function（）{
 alert（'working'）; 
}）：
  

解决方案

您需要附上 submit 仅处理程序表单已附加到 DOM。因此，您需要首先确保 login_box_comment 函数被调用，然后才附加该事件，因为如果表单不存在于DOM中，jQuery将不会执行任何操作：

  login_box_comment（）; 
 $（'＃status> form'）。submit（function（）{
 alert（'working'）; 
}）; 
  

或者只需在提交 login_box_comment 功能：

  login_box_comment = function（）{
 $（ '主体'）追加（ '......'）。 
 $（'＃status> form'）。submit（function（）{
 alert（'working'）; 
}）; 
 $（'＃login_form_modal'）。modal（）; 
}; 
  

thanks for looking.

I'm having an issue i cant seem to get the submit function workin.

load login form if needed.

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

and ths submit function

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

解决方案

You need to attach the submit handler only after the form has been appended to the DOM. So, you need to first make sure the login_box_comment function is called and only then attach the event because if the form is not present in the DOM the jQuery won't do anything:

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

or simply attach the submit handler inside the login_box_comment function:

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

这篇关于jquery提交功能不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！