Question

我尝试创建一个子菜单：

延迟1秒后再次隐藏用户友好性（意外失去焦点）
淡出，所以它很清楚
在重新进入时停止褪色并在

我介绍了使用hoverIntent。

现在正在使用以下代码（jQuery的版本应该是最新的，否则fadeIn不起作用）：

（文档）$。就绪（函数（）{

function showMenu() {
    $("#speciesSubmenu").stop(true,false).fadeIn(500).show();
}

function hideMenu() {
    $("#speciesSubmenu").fadeOut(1000,0);
}

$("#menuItemSoorten").hoverIntent({
    over: showMenu,
    timeout: 800,
    out: hideMenu
});

}）;

http://jsfiddle.net/johannesklapwijk/p8PDW/15/

Answer 1

以下是解决方案：http://jsfiddle.net/p8PDW/6

方法中处理程序中的停止正在解决问题

$("#speciesSubmenu").stop().css("opacity", "1").show();

这是改变。并且对于stop（）阅读这篇文章http://api.jquery.com/stop/它会对你有很大的帮助

Answer 2

一旦mouseout事件触发，设置的时间Out将运行并且fadeOut将立即运行。首先，您应该切换到使用.enter（）方法和mouseenter / mouseleave事件，并真正创建您想要使用此处可用的hoverintent插件之后的行为

https://github.com/briancherne/jquery-hoverIntent

jQuery hoverIntent子菜单从子菜单移动到主菜单时淡出

2 个答案: