jQuery悬停小故障

Question

我正在使用SB ADMIN 2作为我的项目主题。我正在尝试使边栏可悬停，因此当您不在边栏上时它会很小，而当您将其悬停在边栏上时会崩溃。

我遇到的问题是，如果刷新鼠标（如果鼠标在侧边栏上），它会折叠而不会移动鼠标；还有一段时间，当我刷新页面时，如果鼠标在侧边栏上，某些按钮会被禁用，所以我有将鼠标移到侧边栏之外，以使其再次处于活动状态。

我为可悬停的侧边栏写了两个不同的脚本，但是都具有相同的故障/错误。你能帮我解决吗？

这是我的代码：

var timeout;
$(".sidebar").hover(
    function() {
        timeout = setTimeout(function() {
            if ($(window).width() > 768) {
                $("body").toggleClass("sidebar-toggled").stop();
                $(".sidebar").toggleClass("toggled").stop();
            }
        }, 100);
    },
    function() {
        clearTimeout(timeout);
        if ($(window).width() > 768) {
            $("body").toggleClass("sidebar-toggled").stop();
            $(".sidebar").toggleClass("toggled").stop();
        }
    }
);

这是我编写的其他代码：

 var timeout;
$(document).ready(function() {
    $('.sidebar').mouseenter(function() {
        timeout = setTimeout(function() {
            if ($(window).width() > 768) {
                $("body").addClass("sidebar-toggled");
                $(".sidebar").removeClass("toggled");
            }
        }, 100);
    }).mouseleave(function() {
        if ($(window).width() > 768) {
            clearTimeout(timeout);
            $("body").removeClass("sidebar-toggled");
            $(".sidebar").addClass("toggled");
        }
    });

});

我不是同时使用两个，而是只是写它们看是否可以解决我的问题。但是我没有运气。

谢谢。