JQuery - Firefox에서 작동하지 않는 윈도우 크기 조정

Question

더 넓은 화면에서 더 큰 추적기를 표시하고 아래에서 더 작은 추적기를 표시하려면 아래 코드를 사용하십시오. 그러나 Chrome에서만 작동하며 기능을 수행 할 수 없습니다. Firefox에서.

저는 JQuery에 익숙하지 않아서 Chrome이 더 용서할 수있는 구문 오류 일지 모르지만 검색 할 때 오류를 찾을 수 없었습니다. 도와 주셔서 감사합니다.

$(window).resize(function() { 
    var wi = $(window).width(); 

    if (wi <= 767){ 
     $('.LargerTracker').hide(); 
     $('.SmallerTracker').show(); 
     } 
    else { 
     $('.LargerTracker').show(); 
     $('.SmallerTracker').hide(); 
     } 
    }); 

Answer 1

그것은 당신의 논리가 괜찮처럼, 당신은 DOM을 기다릴 필요가 당신은 내가 확실히 말할 수 없어 더 많은 코드를 보지 않고 여기 http://jsfiddle.net/ygxbtt6c/3/

작업 예제를 볼 수 있지만, 가능하다고 본다 ready 이벤트를 사용하여 함수를 window resize 이벤트에 바인딩하십시오.

$(document).ready(function() { 
    // DOM is ready to be manipulated, put your code here 
}); 

당신은 jQuery documentation

의 준비 이벤트에 대해 자세히 알아볼 수 있습니다