无法启动jQuery媒体查询

我在获取这段脚本时遇到了问题。我需要它在窗口准备好后立即运行，但目前它只有在我稍微减小浏览器窗口的大小时才会启动：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'});
        });
    });
}
});

---

您的代码有点奇怪，最好是这样：

$(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();
});

---

您的代码有点奇怪，最好是这样：

$(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();
});

---

您的代码有点奇怪，最好是这样：

$(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();
});

---

您的代码有点奇怪，最好是这样：

$(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();
});

只要触发一次

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

清理你的DOM准备好了，看起来有点像上面

只要触发一次

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

清理你的DOM准备好了，看起来有点像上面

只要触发一次

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

清理你的DOM准备好了，看起来有点像上面

只要触发一次

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

---

清理你的DOM准备好了，看起来有点像上面

这在显示图像时起作用，但它似乎以所有分辨率显示。我只需要在分辨率达到1280px或更大时运行脚本，但仍然没有任何运气。如果我刷新屏幕并调整大小，它就会工作，但如果反复调整大小，它就会停止工作：如果您可以创建一个JSFIDLE，那么SIt会容易得多。假设发生的情况是，图像和黑色覆盖层将占据浏览器窗口的全部高度。问题是，我只希望当浏览器的宽度达到某个特定值，即960px或更大时，当屏幕小于960时，我会对内容做一些其他的事情。这就是它在960px+上所需要的外观：）这在显示图像时起作用，但它似乎以所有分辨率显示。我只需要在分辨率达到1280px或更大时运行脚本，但仍然没有任何运气。如果我刷新屏幕并调整大小，它就会工作，但如果反复调整大小，它就会停止工作：如果您可以创建一个JSFIDLE，那么SIt会容易得多。假设发生的情况是，图像和黑色覆盖层将占据浏览器窗口的全部高度。问题是，我只希望当浏览器的宽度达到某个特定值，即960px或更大时，当屏幕小于960时，我会对内容做一些其他的事情。这就是它在960px+上所需要的外观：）这在显示图像时起作用，但它似乎以所有分辨率显示。我只需要在分辨率达到1280px或更大时运行脚本，但仍然没有任何运气。如果我刷新屏幕并调整大小，它就会工作，但如果反复调整大小，它就会停止工作：如果您可以创建一个JSFIDLE，那么SIt会容易得多。假设发生的情况是，图像和黑色覆盖层将占据浏览器窗口的全部高度。问题是，我只希望当浏览器的宽度达到某个特定值，即960px或更大时，当屏幕小于960时，我会对内容做一些其他的事情。这就是它在960px+上所需要的外观：）这在显示图像时起作用，但它似乎以所有分辨率显示。我只需要在分辨率达到1280px或更大时运行脚本，但仍然没有任何运气。如果我刷新屏幕并调整大小，它就会工作，但如果反复调整大小，它就会停止工作：如果您可以创建一个JSFIDLE，那么SIt会容易得多。假设发生的情况是，图像和黑色覆盖层将占据浏览器窗口的全部高度。问题是，我只希望当浏览器的宽度达到某个特定值，即960px或更大时，当屏幕小于960时，我会对内容做一些其他的事情。这就是它在960px+上的外观：）