JavaScript window.onresize且宽度小于1024

JavaScript window.onresize且宽度小于1024,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,我有一个固定的左DIV,我想隐藏的窗口宽度小于1024,我可以这样做。但我不知道如果用户的大小小于1024,如何隐藏它 这是我目前拥有的,但如果用户将窗口大小调整到1024以下,则不起作用 $(document).ready(function () { if (window.innerWidth < 1024) { $(".leftnav").css({ "width": "0px" }); } }); $(文档).ready(函数(){ 如果(window.inne

我有一个固定的左DIV,我想隐藏的窗口宽度小于1024,我可以这样做。但我不知道如果用户的大小小于1024,如何隐藏它

这是我目前拥有的,但如果用户将窗口大小调整到1024以下,则不起作用

$(document).ready(function () {

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

}
});
$(文档).ready(函数(){
如果(window.innerWidth<1024){
$(“.leftnav”).css({
“宽度”:“0px”
});
}
});
有什么想法吗

谢谢

怎么样

window.onresize = function(event) {
    // your code here
}
应该有用(http://jsfiddle.net/PPTXJ/
$(window).resize(toggleNav);
$(document).ready(toggleNav);

function toggleNav() {

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