我不知道我是否正在以正确的方式进行处理。我在一个主页上显示一些信息。然后,您可以单击一个按钮,然后该页面将通过从单独的文件加载表单来显示表单:
$('#viewport').load('/views/myView.php #targetDiv')
这很好。但是这种观点是一种形式。然后,我也想与Ajax一起提交包含的表格。但是我似乎做不到。我认为这是因为如果我为表单设置了按钮处理程序,则该函数将不起作用,因为在加载主页和JQuery脚本时该表单不存在。
为了清楚起见,我正在使用JQuery和Ajax加载将该div加载到我的主页上。然后,我也想简单地向Ajax提交此表单。
<div id="targetDiv">
<div class="title">Submit News</div>
<form role="form" id="submitMyForm">
<div class="form-group">
<label for="myInput">Input here</label>
<input type="text" class="form-control" id="myInput">
</div>
<button type="button" id="subMyFormBtn" class="btn btn-default">Submit</button>
</form>
</div>
TIA
完整解决方案:
$('#viewport').load('/views/myView.php #targetDiv');
$("#targetDiv").live("submit",function(e){
e.preventDefault();
//ajax here
});
你必须做 :
$("#subMyFormBtn").live("submit",function(
$("#submitMyForm").submit();
));
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句