Question

我有一个javascript函数来检查是否悬停在图像上并显示删除按钮。当页面首次加载时，它正在处理现有缩略图，但是当我上传图像并使用ajax将数据添加到现有缩略图库时，悬停功能对新添加的缩略图不起作用。

这是文档准备好的脚本

。

$（ “del_photo”）隐藏（）; //最初隐藏所有按钮

$('.photo-item').hover(function(){
    $(this).find('.del_photo').fadeIn(1000);
}, function(){
    $(this).find('.del_photo').fadeOut(1000);
});

感谢

根据奥拉夫给出的链接，这是我的新代码。

$(document).on({
        mouseenter: function () {
            $(this).find('.del_photo').fadeIn(1000);
        },
        mouseleave: function () {
            $(this).find('.del_photo').fadeOut(1000);
        }
    }, ".photo-item"); //pass the element as an argument to .on

Answer 1

实际上我们需要这个函数，如果我们想在已经存在的类或id上使用函数。这种情况是不同的.class是动态添加的，所以使用以下函数

$(document).on('hover','.photo-item',(function(){

Answer 2

尝试'on'，例如：

$('.photo-item').on("hover", function(){
// ...
})

脚本函数不适用于前置数据

2 个答案: