如何从这个.hover函数中创建.click函数

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();
        }
    }