Javascript 引导下拉菜单被错误事件触发 问题摘要

我的下拉菜单是通过在页面上的其他位置悬停触发的

此处显示发生的问题：

---

细节

将鼠标悬停在超级菜单“服务”上后，允许超级菜单通过将鼠标悬停在其上关闭的方式关闭，然后将鼠标移回网页上超级菜单打开的位置，并将其重新打开，即使鼠标未悬停在“服务”选项卡上

mega菜单下拉菜单“服务”没有：单击时保持打开状态或单击时重定向到链接。有人能帮我弄清楚这一点吗，我不知道为什么它不重定向有一个链接到一个单独的页面，但它没有做任何事情

---

代码 Javascript

//子菜单下拉切换
if（$（'.main header.main menu li.dropdown ul'）.length）{
$（'.main header.main menu li.dropdown'）.append（''）；
//下拉按钮
$（'.main header.main menu li.dropdown.dropdown btn'）。打开（'click'，function（））{
$（此）.prev（'ul'）.slideToggle（500）；
});
//超大菜单切换
$（'.main header.main menu li.dropdown.dropdown btn'）。打开（'click'，function（））{
$（this.prev（“.mega menu”）.slideToggle（500）；
});
//禁用下拉父链接
$（'.main header.main menu.navigation li.dropdown>a、.hidden bar.side menu li.dropdown>a'）。on（'click'，函数（e）{
e、 预防默认值（）；
});
}
//选项卡框
if（$（'.tabs框'）.length）{
$（'.tabs-box.tab-buttons.tab-btn'）。打开（'click'，函数（e）{
e、 预防默认值（）；
var target=$（$（this.attr（'data-tab'））；
如果（$（目标）.is（':visible'））{
返回false；
}否则{
target.parents（“.tabs框”）.find（“.tab按钮”）.find（“.tab btn”）.removeClass（'active-btn'）；
$（this.addClass（'active-btn'）；
target.parents（“.tabs框”）.find（“.tabs内容”）.find（“.tab”）.fadeOut（0）；
target.parents（“.tabs框”）.find（“.tabs内容”）.find（“.tab”）.removeClass（'active-tab'）；
美元（目标）.fadeIn（300）；
$（target.addClass（'active-tab'）；
}
});
}

无法复制它。你能做一个屏幕广播并发布一个链接吗？@JGallardo是的now@JGallardo你可以发布你的javascript代码来显示什么触发了你的下拉列表吗。另外，您使用的是什么浏览器？@JGallardo对响应太晚表示歉意，javascript应该来自bootstrap 4，但我会找到答案，并使用Google Chrome。

//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');
        }
    });
}