JavaScript window.onresize AND小于1024宽

时间:2012-11-19 22:16:19

标签: javascript jquery javascript-events

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

这是我目前拥有的,但如果用户将窗口大小调整为小于1024,则无效。

$(document).ready(function () {

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

}
});

有什么想法吗?

感谢

2 个答案:

答案 0 :(得分:0)

怎么样?

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

答案 1 :(得分:0)

应该有用(http://jsfiddle.net/PPTXJ/&lt; - 调整右框架!):

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

function toggleNav() {

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