javascript - 鼠标悬停图像卡住？

Question

在此页面http://www.londonsitedesign.co.uk/home.html上，当您将鼠标悬停在列表上时，会出现弹出图像​​。我注意到图像有时会卡住，尤其是当我单击其中一个链接然后返回该页面时，图像仍然可见。然后，当您将鼠标悬停在该弹出图像的相同链接上时，它会反转，它会在鼠标上消失而不是出现？

$("#main").on("mouseover mouseout", "h4", function () {
$("#" + $(this).data("img")).toggle();
});

知道如何防止这种情况吗？

Answer 1

toggle()我没有使用 ，而是为 mouseover 和 mouseout 设置单独的处理程序，如下所示：

$("#main").on('mouseover', 'h4', function () {
    $("#" + $(this).data("img")).show();
}).on('mouseout', 'h4', function () {
    $("#" + $(this).data("img")).hide();
});

Back当您点击返回历史页面时，浏览器有时无法预测页面状态。我不确定是否有办法解决这个问题——但至少这样，你不会被反向切换卡住。

---

更新

查看这些问题，了解如何防止按下后退按钮时仍显示图像：

• jQuery 页面转换和浏览器历史
• 单击后退按钮时是否存在跨浏览器 onload 事件？

听起来您所要做的就是unload向您的页面添加一个事件处理程序，以防止缓存最后一页状态。处理程序甚至不需要做任何事情——只要定义它就足够了。像这样的东西：

$(window).bind("unload", function() {});