Ajax加載的表單不通過ajax發佈數據

嗨，即時通訊使用codeigniter和內置ajax無限滾動。並在該Ajax滾動評論形式，我擔心的是頁面加載時，10個職位將被加載，如果向下滾動另一個10職位將被加載，現在所有20個職位將包含自己的評論形式。即時通訊使用Ajax發表評論。所以對於頁面加載的評論表單正在工作但加載了ajax的帖子的第10條帖子，評論表單ajax帖子不起作用。下面是我使用的代碼。Ajax加載的表單不通過ajax發佈數據

<script type="text/javascript"> 
$('.post_comment').click(function() { 
    var form_data = { 
    csrfsecurity: $(this).parent().find("input[name=csrfsecurity]").val(), 
    post_text: $(this).parent().find('.comment_text').val()  
    }; 

    $.ajax({ 
    url: "<?php echo site_url('/comment'); ?>", 
    type: 'POST', 
    data: form_data, 
    success: function(response){ 
     $(".home_user_feeds").html("markUpCreatedUsingResponseFromServer"); 
    } 
    }); 
    return false; 
}); 
</script>

當頁面向下捲動

<form action="http://localhost/comment" method="post" accept-charset="utf-8"> 
<input type="text" name="comment_text" value="" id="comment_text" size="35" class="comment_text"> 
<input type="submit" id="post_comment" name="post_comment" value="submit comment" class="post_comment" > 
</form>

來源

2013-03-04 vinoth kumar

我的猜測是你沒有將事件監聽器添加到你正在AJAX中的HTML中。前10個工作是因爲你正在爲文檔加載中的原始10添加事件監聽器。 – thatidiotguy 2013-03-04 19:27:22

該怎麼辦？ @thatidiotguy – 2013-03-04 19:29:02

可能的重複[Ajax無限滾動jquery不適用於窗體從ajax加載]（http://stackoverflow.com/questions/15208990/ajax-infinite-scroll-jquery-not-work-for-forms-loaded- from-ajax） – Musa 2013-03-04 19:32:21

我的猜測是，你是不是添加事件監聽器，你中AJAXing的HTML以下表格將加載10次。你的前十位的工作，因爲您正在文檔加載中添加原始10的事件偵聽器。

您將需要運行jQuery代碼，將事件處理程序添加到DOM元素（具有類post_comment的元素看起來像）再次單擊事件。

來源

2013-03-04 19:31:51 thatidiotguy

@thatidotguy請問您可以發佈代碼。 – 2013-03-04 19:34:17

@vinothkumar什麼？你已經有了代碼。你寫了嗎？ – thatidiotguy 2013-03-04 19:48:07

我非常感謝你 – 2013-03-04 19:52:50

Ajax加載的表單不通過ajax發佈數據

回答

相關問題