2011-11-15 138 views
0

單擊按鈕時,腳本完成一個Ajax帖子,然後將新的HTML返回到VAR divReload,該div更新特定div標籤的內容。我遇到的問題是成功更新後,該div內的相同按鈕不再有效。有什麼想法嗎?按鈕無法在AJAX Div標籤重新加載後工作

<input type='button' class='all-boxes' value='All Boxes' submit-val='$ord_id' 
    single- rate='2' submit-wave='$select_wave'> 

<script type=\"text/javascript\"> 

\$(\".all-boxes\").live(\"click\", function() { 

    var uccId = \$(this).attr('ucc-val'); 
    var orderId = \$(this).attr('submit-val'); 
    var singleRate = \$(this).attr('single-rate'); 
    var waveId = \$(this).attr('submit-wave'); 

    var imgBox = \"#img-box-\"+orderId; 
    var textBox = \"#text-box-\"+orderId; 
    var divReload = \"#div-\"+orderId; 

\$(imgBox).fadeIn(500); 

    \$.ajax({ 
       url: '/cgi-bin/sys/prod/DC/rate_quote_test/rate_quote5.pl/', 
       type: 'POST', 
       data: 'single_rate=' + singleRate +'&wave_number=' + waveId + 
        '&single_ord_id=' + orderId + '&single_ucc_id=' + uccId, 

       success: function(result) { 
       \$(divReload).html(result); 
       var alertReload = \"#alert-me-\"+orderId; 
       \$(alertReload).toggle(); 
       alert(\$(alertReload).html()); 
      } 
    }); 

     return false; 

}); 

「。

+0

我們能否看到更多的html頁面結構?正在重新加載的div在哪裏?這個代碼是從ajax請求中返回的嗎? – Patricia

回答

1

你將有你更新與新的div後的形式,或使用jQuery的.live()event binding方法要麼重新安裝單擊事件

UPDATE

它看起來像你已經使用.live()在這種情況下,返回的按鈕信息可能不匹配$(".all-boxes")選擇器。

+0

它看起來像他現場使用。 – Patricia