响应式多级导航错误

我与Micah Godbolt的一个小问题具有活动父链接的响应式多级导航。它的效果很好，除非页面加载速度缓慢，而且你在全球导航栏上悬停，它有时会显示两个下拉菜单。我猜这是因为JavaScript加载速度不够快。想知道是否有人知道一个简单的解决方案。响应式多级导航错误

这里是我使用它的网站：http://library.buffalo.edu

如果您刷新页面，将鼠标悬停在页面之前的联系完全加载，你看到的问题screenshot of issue

来源

2017-08-17 closeyetfar

我假设你是隐藏你的下拉与JavaScript，所以你可以添加style="display: none"您的div或CSS和使用悬停功能。

你还没有发表您的HTML，但这里的例子

$(".parent").mouseover(function() { 
    $(this).next("ul").show(); 
}); 

$(".parent").mouseleave(function() { 
    $(this).next("ul").hide(); 
})

或者可以替换那些点击的功能和使用jQuery toggleClass切换上它

来源

2017-08-18 06:40:11

的HTML是我发布的链接。如果有帮助的话，我可以将其剥离为仅仅导航。这里是它调用的JavaScript：http://library.buffalo.edu/js/nav-script.js – closeyetfar

有display: block以下功能将运行的类。试试这个

$(".nav-global li").hover(
 
    function() { 
 
    $(this).addClass("hover"); 
 
    }, 
 
    function() { 
 
    $(this).removeClass("hover"); 
 
    } 
 
);

来源

2017-08-18 06:50:31

这段代码与JavaScript中用于导航工作的代码非常相似。 http://library.buffalo.edu/js/nav-script.js – closeyetfar

响应式多级导航错误

回答

相关问题