使用jQuery将mouseover事件附加到div中

Question

我正在尝试使用jQuery将鼠标悬停事件附加到div中的图像。 这是我如何将img附加到div。这是我的代码，将img和href附加到div。现在，我想要鼠标悬停。到目前为止，我已经尝试了很多东西，这些东西根本不起作用，比如尝试附加函数......

for (var index in obj){                 
    $("#my_div").append($("<a>", 
    {
        href: urlSite, 
        html: $("<img>", { src: avatar }),
    }));
}

Answer 1

您可以使用jquery on函数向这样的事件添加处理程序

$('#your_image_id').on('mouseover', function() {
    console.log('hello');
});

修改

动态地做：

$('#my_div').append($('<img>').attr('src', avatar).on('mouseover', function() {
    console.log('hello');
}));

<强> EDIT2

for (var index in obj){                 
    $("#my_div").append($("<a>", 
    {
        href: urlSite, 
        html: $("<img>", { src: avatar }),
    }).mouseover(function() {
        $('#my_other_div').append($(this).attr('href')); 
    })); 
}