超级下拉菜单悬停闪烁

Porcellino80 发表于 Dev

仔猪80

我在网上找到大型下拉菜单时遇到问题。对于我的目的而言，它是完美的，但有时会出现异常现象，并且存在闪烁和闪烁的问题。我找到它的链接在这里：http : //bootsnipp.com/snippets/featured/mega-menu-slide-down-on-hover-with-carousel。作者已经知道了这个问题，但是从根本上讲，如果它可以隐藏起来，那么对于移动设备来说就可以正常工作。在台式机上，我认为这是一个非常不错的主意，并且我在自己建立的网站上使用它：http : //napoleon.larchedigitalmedia.com/。

正如我之前告诉您的问题是调情，我想问题出在jquery中：

$(".dropdown").hover(            
    function() {
      $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideDown("400");
      $(this).toggleClass('open');        
    },
    function() {
      $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideUp("400");
      $(this).toggleClass('open');       
    });

我不知道这是否是引导程序问题（引导程序在mega下拉菜单中大多使用onclick事件）或此代码段中的问题。本质上讲，open类添加到div的速度太快（切换），有时会同时应用于两个div。谁能帮我解决这个问题？

弗朗索瓦·范达尔（Francois Vandal）

据我所知，在您的项目中，动画没有时间完成，而JS试图同时为这两个动画。我只是更改了一点代码，然后闪烁停止了。

$(".dropdown").hover(            
function() {
  $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,false).slideDown("400");
  $(this).toggleClass('open');        
},
function() {
  $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,false).slideUp("400");
  $(this).toggleClass('open');       
});

只需更改stop()函数的第二个参数，动画便会自动执行。如果您需要更多信息，功能上总会有Jquery文档。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。