javascript - 悬停并移出未给出预期结果

Question

因为我正在使用 Jquery 创建 DOM，所以很难复制输出，所以我添加了一张我使用一种工具捕获的代码图像

我已使用此代码将 hover 和 mouseout 事件附加到 id='nf1'

$("#nf"+n).hover(function(){
    $("#nf"+$(this).attr("post_id")+"post_delete").show();
});
$("#nf"+n).mouseout(function(){
    $("#nf"+$(this).attr("post_id")+"post_delete").hide();
});

这里 n 是 post_id，我正在循环从响应中获得的所有 post_id。这附加事件但没有给出预期的行为就像当鼠标移到 id='nf1post_delete' 时它是隐藏的

有疑问请追问

Answer 1

按照您描述的方式，您实际上想要将两个函数传递给 .hover()，一个用于 mouseenter 上的操作，一个用于 mouseleave 上的操作。您只能将一个函数传递给 .hover()，但它会在您翻身和滚出时运行该函数。

http://api.jquery.com/hover/

所以，试试这个:

$("#nf"+n).hover(function(){
    $("#nf"+$(this).attr("post_id")+"post_delete").show();
},function(){
    $("#nf"+$(this).attr("post_id")+"post_delete").hide();
});

根本不需要 .mouseout() 函数。