Javascript 在屏幕大小更改时调用函数

我目前正在使用JQuery管理我网站上菜单的样式。我试图得到的是执行两个单独的函数，第一个应该在窗口宽度大于800像素时执行，第二个应该在窗口宽度小于800像素时执行。在下面的示例中，在加载页面时调用Switch_Menu（），最终在调整窗口大小时调用。平板电脑上的纵向/横向模式也是如此。一切似乎都很正常，但我不知道如何管理这两种状态之间的切换：我试图找到一种方法，在宽度改变时停止第一个函数并运行第二个函数

到目前为止，我所做的基本上是以下概念：

function Switch_Menu() {
if ($(window).width() > 800) { 
//function 1 is called
//where some objects on the page get hidden, some get resized
}
else { 
//function 2 is called
////where some objects on the page get hidden, some get resized
}
}

Switch_Menu();
$(window).resize(function() {Switch_Menu();});

如果我使用这段代码，当页面第一次被加载时，我不会有问题，只有正确的函数被执行。但是，当屏幕大小改变时，两个函数同时执行，就像没有“if”块一样

你知道我怎么做吗？我应该为这样的任务使用另一种特定于JavaScript的功能吗？

$（window）.on（'load resize'，function（）{Switch_Menu（）；}），这将在两个窗口上运行，窗口
load
，以及窗口
resize
$（窗口）。on（'load resize'，function（）{Switch_Menu（）；}），这将在窗口
load
和窗口
resize