调整大小工作

Question

我想让我的调整大小功能在我的jquery中工作。我想要做的是如果我的窗口大小超过769那么它需要显示我的悬停菜单，否则它不应该显示它。

我的$(window).load有效，但不是$(window).resize

这是我的jquery

function hover_menu(){
    $('ul.navbar-nav li').hover(
        function () {
            $(this).find('> ul').show();
        },
        function () {
            $(this).find('> ul').hide();
        }
    );
}

$(document).ready(function(){
    $(window).load(function(){
        var width = $(window).width();

        if(width > 769){
            hover_menu();
        }
    });

    $(window).resize(function(){
        var width = $(window).width();

        if(width > 769){
            hover_menu();
        }
    });
});