2012-03-28 122 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