jQuery 미디어 쿼리가 잘못되었습니다.

Question

이 스크립트를 가져 오는 중에 문제가 발생했습니다.

당신의 코드가 조금 이상하다

$(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

, 더 나은 같아야 S : 나는 윈도우가 준비로 즉시 실행하지만 순간에만 불이 나는 약간 브라우저 윈도우의 크기를 줄일 때 필요 이 :

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

Answer 2

그냥 한 번 실행하십시오.

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

그리고 당신의 DOM이 준비 청소는 .. 위처럼 보이게하기 위해 약간의이 이미지를 보여주는에서 작동