Question

我在获取这个脚本时遇到了问题。我需要它在窗口准备就绪后立即运行，但此刻它只会在我略微缩小浏览器窗口大小时触发：S

    $(window).resize(function() {
if ($(this).width() >= 1280) {
    $(function(){
        $('.img-wrap, .qoute-background') .css({'min-height': (($(window).height()))+'px'});
        $(window).resize(function(){
            $('.img-wrap, .qoute-background') .css({'min-height': (($(window).height()))+'px'});
        });
    });
}
});

Answer 1

只需触发一次。

$(function() {
    $(window).resize(function() {
        if ($(this).width() >= 1280) {
            $('.img-wrap, .qoute-background').css({
                'min-height': (($(window).height())) + 'px'
            });
        }
    }).trigger('resize')
});

并准备好清理你的DOM，看起来像上面一样..

Answer 2

你的代码有点奇怪，它应该更好：

$(function() {
    if ($(window).width() >= 1280) {

        $('.img-wrap, .qoute-background') .css({'min-height': (($(window).height()))+'px'});
        $(window).resize(function(){
            $('.img-wrap, .qoute-background') .css({'min-height': (($(window).height()))+'px'});
        });

    }
});

即使进行了这些更改，我也不确定代码是否应该执行此操作。我认为这更符合你的意愿：

function updateSize(){
    if ($(window).width() >= 1280) {
       $('.img-wrap, .qoute-background') .css({'min-height': (($(window).height()))+'px'});
    }
}
$(function() {
    $(window).resize(updateSize);
    updateSize();
});

失败的jQuery媒体查询

2 个答案: