javascript - JavaScriptwindow.onresizeかつ幅1024未満

Question

1024未満のウィンドウ幅で非表示にしたい固定の左DIVがあります。これは実行できます。しかし、ユーザーが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
}