jQuery 창 너비 else if 문

Question

마지막 else if 문이 실행되지 않는 이유가 궁금합니다. 나는 이것을하려고 노력하고있다 :

$(document).ready(function() { 
    function checkWidth() { 
     var windowSize = $(window).width(); 

     if (windowSize <= 479) { 
      console.log("screen width is less than 480"); 
     } 
     else if (windowSize = 480 && windowSize <= 719) { 
      console.log("screen width is less than 720 but greater than or equal to 480"); 
     } 
     else if (windowSize = 720 && windowSize <= 959) { 
      console.log("screen width is less than 960 but greater than or equal to 720"); 
     } 
     else if (windowSize >= 960) { 
      console.log("screen width is greater than or equal to 960"); 
     } 
    } 

    // Execute on load 
    checkWidth(); 
    // Bind event listener 
    $(window).resize(checkWidth); 
});​ 

마지막 else if를 제외하고 모든 것이 콘솔에 기록된다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

감사합니다,

업데이트 : 내가 발견 한 아래

http://wicky.nillia.ms/enquire.js/

손 가장 좋은 방법 : 사람들을위한

여전히 관심, 나는 높은 enquire.js 플러그인을 추천합니다 JS에서 미디어 쿼리를 인식합니다.

Answer 1

= 코드에서 누락되었습니다. 그리고 windowSize는 비교되지 않지만 windowSize = 480 같은 결과로 새 값이 할당됩니다. 대신에이 버전을보십시오 : 당신은 더 큰 기호보다 누락하고

$(document).ready(function() { 
    function checkWidth() { 
     var windowSize = $(window).width(); 

     if (windowSize <= 479) { 
      console.log("screen width is less than 480"); 
     } 
     else if (windowSize <= 719) { 
      console.log("screen width is less than 720 but greater than or equal to 480"); 
     } 
     else if (windowSize <= 959) { 
      console.log("screen width is less than 960 but greater than or equal to 720"); 
     } 
     else if (windowSize >= 960) { 
      console.log("screen width is greater than or equal to 960"); 
     } 
    } 

    // Execute on load 
    checkWidth(); 
    // Bind event listener 
    $(window).resize(checkWidth); 
});​ 

Answer 2

:

else if (windowSize = 720 

하고 그냥 등호를 사용하고 계십니까?

보십시오이 대신은 :

$(document).ready(function() { 
    function checkWidth() { 
     var windowSize = $(window).width(); 

     if (windowSize < 480) { 
      console.log("screen width is less than 480"); 
     } 
     else if (windowSize < 720) { 
      console.log("screen width is less than 720 but greater than or equal to 480"); 
     } 
     else if (windowSize < 960) { 
      console.log("screen width is less than 960 but greater than or equal to 720"); 
     } 
     else { 
      console.log("screen width is greater than or equal to 960"); 
     } 
    } 

    // Execute on load 
    checkWidth(); 
    // Bind event listener 
    $(window).resize(checkWidth); 
});​ 

FIDDLE

Answer 3

이 때문에 당신의 다른 경우 문장들입니다. 값을 지정하는 등호 하나를 사용하여 확인하고 있습니다.

if (windowSize = 480 && windowSize <= 719) 

당신이

if (windowSize == 480 && windowSize <= 719) 

또는 일을해야> =, 그 의도 논리가 있다면.