jquery - 具有不同鼠标进入和鼠标离开的悬停意图插件

Question

我正在使用 Hover indent 插件，它只有一个功能来结合鼠标悬停和鼠标离开

代码1：

$("#tab").hoverIntent({
over: show, 
timeout: 20, 
out: hide
});
function show(){
$(".part").show();
}
function hide(){
$(".part").hide();
}

需要为.part编写鼠标离开功能，所以这样制作

代码2：

$("#tab").hoverIntent({
over: show, 
timeout: 20, 
out: hide
});
function show(){
$(".part").show();
}
$(".part").hoverIntent({
over: show, 
timeout: 20, 
out: hide
});
function hide(){
$(".part").show();
}    

但似乎错误......如何解决这个问题？

Answer 1

您不能删除任何功能，因为在hoverintent()使用show() 和ehide() 功能时，请像这样将该功能设为空

$("#tab").hoverIntent({
     over: show, 
     timeout: 20, 
     out: hide
});
function show(){
   $(".part").show();
}
function hide(){
}

$(".part").hoverIntent({
   over: show1, 
   timeout: 20, 
   out: hide1
});
function show1(){
}
function hide1(){
    $(".part").hide();
}

你必须使用不同的函数名每个 show(),hide(),show1(),hide1() 像这样...试试这个