Question

在我的jsfiddle中，我正在尝试创建一个带有悬停操作的下拉菜单，当鼠标悬停在其上时会拉下子菜单。

这是我的hoverintent代码：我不确定我是否做错了。

$(".scooters").hoverIntent(makeTall,makeShort);

function makeTall(){$('.scooters').mouseenter(function(){
    $(this).find('.cbp-hrsub').slideDown();
});}

function makeShort(){$('.scooters').mouseleave(function(){
    $(this).find('.cbp-hrsub').slideUp();
});}

在hoverintent函数中，我刚刚使用了我创建的使用jquery悬停的代码。

$('.scooters').mouseenter(function(){
    $(this).find('.cbp-hrsub').slideDown();
});
$('.scooters').mouseleave(function(){
    $(this).find('.cbp-hrsub').slideUp();
});

取消注释并在jsfiddle中注释hoverintent代码将使其工作，但使用jquery悬停。我是否需要在hoverintent中做些不同的事情才能使其发挥作用。

感谢。

Answer 1

首先，hoverIntent是jQuery插件，所以你需要将jQuery添加到jsfiddle

第二，你不能在它的代码实现之前使用插件，它也是关于水平菜单

第三，您不能使用尚未声明的函数，因此必须在makeTall之前声明makeShort和hoverIntent(makeTall,makeShort)

第四，你不需要mouseenter /离开makeTall / makeShort，hoverIntent已经做了你需要的一切

工作feedle

HoverIntent悬停不起作用

1 个答案: