jquery - 替换 jquery .is( :hover) pseudo element

Question

我在我的页面上使用以下代码片段......

if ( $("#footer, #header").is(':visible') && && !$("#footer, #header").is(':hover') ) { 

我升级到最新的 jQuery 版本，现在不再支持此 .is(:hover)。

如何在上面的代码中替换它。我已经用谷歌搜索并找到了一些有关此问题的线程，但似乎找不到适合我上面的代码的解决方案。

我使用此代码来处理超时事件。如果我的鼠标位于页眉或页脚上方，我不希望清除超时。

Answer 1

您可以在元素的悬停事件上添加一个类，然后检查该类是否存在。

悬停时切换类:

$("#footer, #header").hover(function() {
    $(this).toggleClass('hover');
});

检查类(class):

if (!$("#footer, #header").hasClass('hover')) { 
     //do  your stuff
});