我有一个页面,它动态生成一个项目列表,每个项目中都有一个按钮,用于提交一个from,其中包含列表中该项目的数据(已排序并正在工作)。我通过这个代码提交表格(Jquery):
<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript">
$('document').ready(function(){
$('#readlatersubmit').ajaxForm( {
target: '#result',
success: function() {
//$('#readlatersubmit').fadeOut('1000');
//$("#loader").fadeOut();
}
});
return false;
});
</script>
当我点击按钮时,它会提交正确的数据,而无需刷新整个页面。问题是,如果我点击另一个列表项中的另一个按钮,它就会进入表单流程页面(不会通过Jquery提交)。
有人知道我该怎么解决这个问题吗?
编辑这就是我目前的表格:
<form id='readlatersubmit' action='RL.php' method='post'>
<input type='hidden' name='RLURL' value='".$item->get_link()."'/>
<input type='hidden' name='RLTitle' value='".$item->get_title()."' />
<input type='hidden' name='user-id' value='$loggedInUser->user_id' />
<input type='image' src='images/ReadLaterRibbon_Active.png' name='submit' value='Submit' class='button' />
</form>
<div id='result'></div>
删除return false并让它检查。因为当你点击提交一次时,这将使你保持虚假,但你不需要虚假,只需删除return或使用return true,
<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript">
function doitRun() {
$('#readlatersubmit').ajaxForm( {
target: '#result',
success: function() {
//$('#readlatersubmit').fadeOut('1000');
//$("#loader").fadeOut();
}
});
}
</script>