我写了一些代码来处理通过 AJAX 插入评论。输入评论后,从服务器接收 HTML.append()
并将其插入 DOM 后,似乎没有处理.hover()
新项目的事件。
有代码:
/**
* This code manage insert comment with ajax
**/
$(document).ready(function()
{
$('form[id^=insert_comment_for_product_]').submit(function (event)
{
event.preventDefault();
var productId = $(this).attr('id');
var productIdClear = productId.substr(productId.lastIndexOf('_', 0) - 1, productId.length);
var textarea = $('#' + $(this).attr('id') + ' textarea').val();
var textareaId = $('#' + $(this).attr('id') + ' textarea').attr('id');
var token = $('#' + $(this).attr('id') + ' input#user_comment_product__token').val();
var gif = $(this).parent('div').children('img.insert_comment_img');
$(gif).show();
$.post($(this).attr('action'),
{
'id': productIdClear.toString(),
'user_comment_product[comment]': textarea,
'user_comment_product[_token]' : token
},
function(data)
{
$('div.product_comment>div').append(data);
$('#' + textareaId).val(' ');
$(gif).hide();
});
});
/**
* This is the function that no work afert .append()
**/
$('div.comment[id^=comment_]').hover(function()
{
var commentId = $(this).attr('id');
$('#' + commentId + ' img.comment_delete').show();
$('#' + commentId + ' img.comment_delete').click(function(event)
{
event.stopImmediatePropagation();
commentId = commentId.substr(commentId.lastIndexOf('_') + 1, commentId.length);
$.post("../../../user/comment/delete",
{
'id': commentId.toString()
},
function(data)
{
if(data.responseCode == 200)
{
$('div#comment_' + commentId).hide();
}
});
})
},
function ()
{
var commentId = $(this).attr('id');
$('#' + commentId + ' img.comment_delete').hide();
});
});
为什么?