jQuery函数应该只在特定窗口宽度后运行

Question

我正在尝试为jQuery函数添加一些条件，以便它只在窗口大小超过特定宽度时加载。它根据窗口的初始大小正确运行，但如果窗口在页面加载后重新调整大小，则不会更改。

代码：

    var doStuff = function() {
        var windowWidth = $(window).width();
        if (windowWidth >= 768) {
            DO STUFF
    }
}
$(window).load(function () {
    doStuff();
});
$(window).resize(function () {
    doStuff();
});

例如，如果我在一个960px宽的窗口中加载页面然后将窗口调整为600px，则doStuff函数仍会触发。 （但是如果我以600px加载我的页面，该函数将不会触发 - 如果我将窗口大小增加到960px，它仍然不会触发。）