Изменение размера окна не относится к JQuery функциям - требуется обновление окна

Question

Я разрабатываю адаптивный веб-сайт, и есть некоторые JQuery функции, которые необходимо адаптировать к изменению размера окна сайта. Однако по некоторым причинам некоторые функции не настраиваются.

Это пример функции:

function navigate(bottom, top, topbottom, position) {
            $(document).on("mouseleave", top, function() {
                if ($(bottom).is(':visible')) {
                } else {
                    $(bottom).show();
                }
                if ($(bottom).is(":hover")) {
                } else {
                    $(bottom).hide();
                }
            });
            $(document).on("mouseleave", bottom, function() {
                if ($(top).is(":hover")) {
                } else {
                    $(bottom).hide();
                }
            });

            var width = $(window).width();
            if (width <= 768) {
                $(document).on("mouseover", top, function() {
                    var top_2 = 50;
                    $(bottom).show();
                    $(".bottom_navigation").css({"top": top_2 * (position + 1)})
                });
            } else if (width > 768) {
                $(document).on("mouseover", top, function() {
                    var left = $(top).width();
                    $(bottom).show();
                    $(".bottom_navigation").css({"left": left * position})
                });
            }
        }

И я также попробовал что-то вроде этого:

    $(window).on("resize", function() {
       //function here!

    });

Может кто-нибудь придумать объяснение, чтобы я может понять это явление и, возможно, найти решение?