Question

以下是我的wordpress主题中的.js文件中的一些代码。这是我认为在悬停时我的下拉菜单稍有延迟。

var cbMainNav = $('.main-nav li');

// Show sub menus
$('.main-nav > li').hoverIntent(function() {

    $(this).find('.cb-big-menu').stop().slideDown('fast');
    $(this).find('.cb-mega-menu').stop().slideDown('fast');
    $(this).find('.cb-links-menu .cb-sub-menu').stop().fadeIn();

}, function() {

   $(this).find('.cb-big-menu').slideUp('fast');
   $(this).find('.cb-mega-menu').slideUp('fast');
   $(this).find('.cb-links-menu .cb-sub-menu').fadeOut();

});

cbMainNav.find('.cb-big-menu .cb-sub-menu li').hoverIntent(function(){

    $(this).find('> .cb-grandchild-menu').stop().slideDown('fast');

}, function() {

   $(this).find('> .cb-grandchild-menu').slideUp('fast');

});

cbMainNav.find('.cb-links-menu .cb-sub-menu li').hoverIntent(function(){

    $(this).children('.cb-grandchild-menu').stop().fadeIn();

}, function() {

   $(this).children('.cb-grandchild-menu').fadeOut();

});

它可能正常工作 - 它会在菜单显示之前稍微延迟。很好的两个大菜单，但对于小菜单（我认为这是一个名为.cb-links-menu的菜单），从使用性POV非常讨厌，因为在测试中，人们太快了，并且点击了父母下拉前的菜单有机会显示所有选项......

所以我有两个问题，一个简单的问题，我想象的是一个更高级的问题......

如何从所有这些中删除hoverIntent，以便在悬停时立即显示菜单？

和/或

我如何从cb-links-menu中删除hoverIntent，同时将其保留在较大的菜单上（只是因为我决定将来使用更大的菜单？）

我浏览了论坛并找到了文章，但说实话，我完全不知道我在PHP方面做了些什么。我已经走了很长一段路，学习CSS并实际找出我遇到的问题是一个叫做hoverIntent的东西，并将问题缩小到我认为导致它的代码。

如果有人可以请求帮助，我会非常感激

非常感谢，

理查德

如何从这段代码中删除或禁用hoverIntent

0 个答案: