javascript - JavaScript window.onresize AND 小于 1024 宽

Question

我有一个固定的左 DIV，我想隐藏小于 1024 的窗口宽度，我可以这样做。但是如果用户调整到小于 1024，我不确定如何隐藏它？

这是我目前拥有的，但如果用户将窗口大小调整为小于 1024，则不起作用。

$(document).ready(function () {

if (window.innerWidth < 1024) {
    $(".leftnav").css({
    "width": "0px"
});

}
});

有任何想法吗？

谢谢

Answer 1

怎么样？

window.onresize = function(event) {
    // your code here
}

Answer 2

应该可以工作（http://jsfiddle.net/PPTXJ/ <--调整正确的框架！）：

$(window).resize(toggleNav);
$(document).ready(toggleNav);

function toggleNav() {

 if($(window).width() < 1024)
    $(".leftnav").hide();
 else
    $(".leftnav").show();
}