Question

我想添加實時評論功能到所有帖子用戶時間表頁面。 這裏是我做了什麼：

所有的帖子中包含有註釋部分下面的HTML表單：

<form action="#" class='post-comment' data-id='3214'> 
    <input type="text" name='comment'> 
    <input type='submit' style='visibility: hidden;'> 
</form> 

這裏是處理形式我的JavaScript代碼提交事件：

$(".post-comment").on('submit', function(e){ 
    e.preventDefault(); //STOP default action 
    var id = $(this).attr("data-id"); 
    console.log('Comment on: '+id); 
    var dbref = firebase.database().ref('post-user/'+id+'/comments'); 
    var data = $(this).serialize(); 
    var t = Date.now(); 
    dbref.push().set({ 
     postedAt: t, 
     text:data.comment, 
     pid:id 
    }); 
}) 

製作後當用戶按下回車鍵時，一些輸入作爲註釋，然後網頁重新加載，而不是在Javascript中調用函數。

我想獲取評論數據和相應的帖子詳細信息（id，authorid）併發送評論數據到firebase上，然後輸入密鑰。

做一些搜索後，我來了解按鍵事件如下：

$("input").keypress(function(event) { 
    if (event.which == 13) { 
    event.preventDefault(); 
    $("form").submit(); 
    } 
}); 

但在這種情況下，我有多種形式即每一個崗位包含相應的註釋形式，所以我很困惑如何實現此這裏。

任何幫助將不勝感激。

Answer 1

給您的形式id：

<form id='comment-form' action="#" class='post-comment' data-id='3214'> 

然後提交只是形式：

$("input").keypress(function(event) { 
    if (event.which == 13) { 
    event.preventDefault(); 
    $("#comment-form").submit(); 
    } 
});