2012-03-28 121 views
0

我有一个页面可以动态生成一个项目列表,每个项目中的一个按钮是一个从列表中的项目(这是排序和工作)提交包含数据的按钮。我通过这个代码(jQuery的)提交表单:通过Ajax问题提交表单

<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> 
+4

'$('document')'不匹配任何东西。你想要的是'$(document)' – ThiefMaster 2012-03-28 20:26:50

回答

0

删除返回false,让它检查。因为当你点击提交一次,这会让你失实,但你不需要假,只是删除返回或使用返回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> 
+0

我已经删除它,但仍然没有:(它仍然只使用jquery一次? – 2012-03-29 14:39:55

+0

请删除文档准备好并使用任何函数,因为这将调用一次页面加载不再,因为(){$('#readlatersubmit')。ajaxForm({#result', success:function(){ // $('#'readlatersubmit' );} – 2012-03-29 18:31:18

+0

啊!这是有道理的!是否有无论如何你可以格式化在代码中的代码评论,所以它是更具有可读性,以解决所有问题?对不起,有麻烦 – 2012-03-29 19:14:07