javascript - 带有 2 个单击处理程序的 if 语句悬停事件

Question

我正在尝试编写一个脚本来检测 div 是否可见，这将确定悬停事件是否触发。

如果 id "contact" 被隐藏，则将鼠标悬停在菜单项上将更改块的颜色。然后，如果您单击另一个菜单项以显示 ID“联系人”，则悬停应该不起作用。单击另一个菜单项以隐藏 ID“联系人”将允许悬停再次工作。

这是我对 jsFiddle 的了解：http: //jsfiddle.net/YktAZ/123/

我什至不确定我是否需要“其他”，但这是我将悬停“欺骗”为“不工作”或不显示更改的唯一方法。我真的只需要 if 让它工作，然后如果不满足条件就不会触发悬停。

Answer 1

如果您将 if 语句放在悬停函数中，这将起作用。基本上，每次执行时swap_hover()，都会向元素添加新的悬停事件处理程序，它实际上并没有“打开”或“关闭”悬停。

最好的方法是做这样的事情：

$("#item").hover(function(){
    //hover on
    if($("#otherItem").is(":visible"){
        //do this code  
    }
}, function(){
    //hover off
    //do this code.
});