如果做其他事情,Jquery不会这样做

时间:2013-12-05 13:18:33

标签: jquery if-statement media-queries

我有这个代码,我不想说,如果窗口不小于1024,不要做任何这些事情。我怎么写这个?

$(window).resize(function(){
    if ($(window).width() <= 1024) {    
        $('#right > .info').removeClass('hidden');
        $('#middle').remove();
    }
    else {
    }
});

1 个答案:

答案 0 :(得分:0)

我猜你要做的是什么,是这样的:

$(window).resize(function(){
        if ($(window).width() <= 1024){ 
             $('#right > .info').removeClass('hidden');
             $('#middle').hide();
        } else {
            $('#middle').show();
            $('#right > .info').addClass('hidden');
        }
    });

不同之处在于,您没有remove()(从DOM中永久删除它),而是hide()show()

您可能想要进入一个函数并且不仅在调整大小时调用它,而且还在页面加载时调用它。

这个问题可能会给你一些启发:jQuery: How to detect window width on the fly?