JavaScript window.onresize和小於1024的寬度

Question

我有一個固定的左DIV，我想隱藏窗口寬度小於1024的窗口，我可以這樣做。但如果用戶調整到小於1024，我不確定如何隱藏它？

這是我現在有，但如果用戶改變窗口大小以小於1024

$(document).ready(function() { 

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

} 
}); 

任何想法不起作用？

謝謝

Answer 1

應該工作（http://jsfiddle.net/PPTXJ/ < - 調整右框！）：

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

function toggleNav() { 

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

Answer 2

怎麼樣？

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