错误事件触发Bootstrap下拉大型菜单

Question

问题摘要

我的下拉菜单是通过将鼠标悬停在页面的其他位置来触发的。

正在发生的问题显示在这里：https://screencast-o-matic.com/watch/cFiX3kFzkv

---

详细信息

1. 将鼠标悬停在超级菜单上的“服务”上，然后通过将其悬停在超级菜单上来关闭它，然后将鼠标移回到网页上打开了超级菜单的位置，然后它将重新打开，即使鼠标没有悬停在“服务”选项卡上。

2. 大型菜单下拉菜单“服务”不是：单击时保持打开状态，或者单击时重定向到链接。有人可以帮我解决这个问题，我不确定为什么它不重定向，但有指向另一个页面的链接，但它却无能为力。

---

代码

Javascript

//Submenu Dropdown Toggle
if($('.main-header .main-menu li.dropdown ul').length){
    $('.main-header .main-menu li.dropdown').append('<div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>');

    //Dropdown Button
    $('.main-header .main-menu li.dropdown .dropdown-btn').on('click', function() {
        $(this).prev('ul').slideToggle(500);
    });

    //Megamenu Toggle
    $('.main-header .main-menu li.dropdown .dropdown-btn').on('click', function() {
        $(this).prev('.mega-menu').slideToggle(500);
    });

    //Disable dropdown parent link
    $('.main-header .main-menu .navigation li.dropdown > a,.hidden-bar .side-menu li.dropdown > a').on('click', function(e) {
        e.preventDefault();
    });
}



//Tabs Box
if($('.tabs-box').length){
    $('.tabs-box .tab-buttons .tab-btn').on('click', function(e) {
        e.preventDefault();
        var target = $($(this).attr('data-tab'));

        if ($(target).is(':visible')){
            return false;
        }else{
            target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
            $(this).addClass('active-btn');
            target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
            target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab');
            $(target).fadeIn(300);
            $(target).addClass('active-tab');
        }
    });
}