如何從這個.hover功能a。點擊功能

Question

我該如何從這個.hover功能創建一個.click功能？

if ($(window).width() > 992) { 
    $('.navbar-main-slide .navbar-nav > .dropdown').hover(function() { 
     "use strict"; 
     $(this).addClass('open').find('.dropdown-menu').first().stop(true, true).delay(500).slideDown(); 
    }, function() { 
     "use strict"; 
     var na = $(this); 
     na.find('.dropdown-menu').first().stop(true, true).delay(100).slideUp('fast', function() { 
      na.removeClass('open'); 
     }); 
    }); 
} 

Answer 1

我不明白究竟你的問題，你有沒有試圖改變hover到click功能？

if ($(window).width() > 992) { 
    $('.navbar-main-slide .navbar-nav > .dropdown').click(function() { 
     "use strict"; 
     $(this).addClass('open').find('.dropdown-menu').first().stop(true, true).delay(500).slideDown(); 
    }, function() { 
     "use strict"; 
     var na = $(this); 
     na.find('.dropdown-menu').first().stop(true, true).delay(100).slideUp('fast', function() { 
      na.removeClass('open'); 
     }); 
    }); 
} 

或者你可以試試這個

if ($(window).width() > 992) { 
     $('.navbar-main-slide .navbar-nav > .dropdown').click(function() { 
      $(this).toggleClass('open').find('.dropdown-menu').first().stop(true, true).delay(500).slideToggle(); 
     } 
    }