如何更改大型菜單懸停在小屏幕尺寸點擊？

Question

如何將超級菜單懸停更改爲點擊？

$(function() { 
 
    $(".dropdown").hover(
 
     function() { 
 
      $('.dropdown-menu', this).stop(true, true).fadeIn("slow"); 
 
      $(this).toggleClass('open'); 
 
     }, 
 
     function() { 
 
      $('.dropdown-menu', this).stop(true, true).fadeOut("slow"); 
 
      $(this).toggleClass('open'); 
 
     }); 
 
});

我改變.hover到。點擊，但它不工作。

Answer 1

您需要複製懸停關閉方法。如果沒有DOM，也很難確定，但是像這樣的東西應該可以工作。

$(function() { 
    $(".dropdown").click(function() { 
    if($(this).hasClass('open')) { 
     $('.dropdown-menu', this).stop(true, true).fadeOut("slow"); 
     $(this).toggleClass('open'); 
    } else { 
     $('.dropdown-menu', this).stop(true, true).fadeIn("slow"); 
     $(this).toggleClass('open'); 
    } 
    }); 
}); 

基本上你需要檢查，看看是否打開菜單，並運行，通常會火的時候，您取消懸停，如果它是代碼。

希望這會有所幫助。