jQuery 읽기 창 너비

Question

윈도우 너비가 768px 미만인 경우에만 실행되는 jQuery를 작성하려고합니다. 다음 코드

$(document).ready(function() { 
    if($(window).width() <= 768){ 
     $("<p>Test</p>").insertBefore("#menu-item-18 a"); 
    } 

}); 

에게이 나는이 브라우저가 < 768 브라우저를 < 768

에 크기를 조정할 때 내가 잘못 뭐하는 거지로로드되어 있는지 여부를 동작하지 않습니다 그러나? 브라우저 너비가 < 768보다 작 으면 어떻게 윈도우 너비를 인식하게하고이 jQuery를 실행할 수 있습니까? 브라우저 너비를 기반으로 jQuery를 실행하는 더 좋은 방법이 있습니까?

예 JS 바이올린 : http://jsfiddle.net/franhaselden/jotq6hwf/

편집 : 나는하지만 브라우저를 적극적으로 크기를 조정할 경우에만 때 실행 않습니다이 코드를 발견 한 더 주위를 재생하는 데. < 768에로드 된 경우 jQuery가 실행되지 않습니다.

Answer 1

var w = window.innerWidth; 
var h = window.innerHeight; 

JQuery와에 대한 필요가 없습니다.

는 EventListener를 업데이트 :

if(window.attachEvent) { 
    window.attachEvent('onresize', function() { 
     alert('attachEvent - resize'); 
    }); 
} 
else if(window.addEventListener) { 
    window.addEventListener('resize', function() { 
     console.log('addEventListener - resize'); 
    }, true); 
} 
else { 
    //The browser does not support Javascript event binding 
} 

Answer 2

$(function() { 
    $(window).on('resize', function() { 
     if($(window).width() >= 768){ 
      $("<p>Test</p>").insertBefore("#menu-item-18 a"); 
     } 
    }).trigger('resize'); 
});