창 크기를 기준으로 클래스 추가 jQuery

Question

창 너비가 1000px보다 크면 내 페이지에 그리드 시스템을 추가하고 싶습니다. 이 스크립트를 HTML에 추가하는 것이 좋겠지 만 관리자를 사용할 때 대상 요소에 새로운 클래스가 표시되지 않습니다. 어떤 제안?

사용과 같은 jQuery로

if ($(window).width() >= 1000) { 
    var dA = document.getElementById('divA'); 
    var dB = document.getElementById('divB'); 
    var n1 = document.getElementById("num1"); 
    var n2 = document.getElementById("num2"); 
    var n3 = document.getElementById("num3"); 
    var n4 = document.getElementById("num4"); 
    var n5 = document.getElementById("num5"); 
    var n6 = document.getElementById("num6"); 

    dA.className += " row "; 
    dB.className += " row "; 
    n1.className += " col-md-3 "; 
    n2.className += " col-md-3 "; 
    n3.className += " col-md-3 "; 
    n4.className += " col-md-3 "; 
    n5.className += " col-md-3 "; 
    n6.className += " col-md-3 "; 
} 

Answer 1

:

$(document).ready(function(){ 

    if($(window).width() >= 1000) { 

     $("#divA").addClass("row"); 

     //And other codes 
    } 

}) 

Answer 2

코드는 괜찮습니다. 너무 빨리 전화한다고 거의 보장 할 수 있습니다. 당신이 jQuery를 사용하고 있기 때문에,이 내부 코드를 넣어 :

$(function(){ 
    // your code goes here 
}); 

이 함수는 DOM이 준비되었을 때 호출되는을, 당신의 요소가 지금 어쨌든 당신이 원하는 수정 될 준비가되어 있도록.