Question

当窗口宽度为＆gt;时，我希望我的页面添加网格系统1000像素。我希望将这个脚本添加到HTML中会起作用，但是在使用检查器时，我没有在目标元素上看到任何新类。有什么建议？

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

使用jQuery，

像这样使用：

$(document).ready(function(){

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

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

        //And other codes
    }

})

Answer 2

你的代码很好。我几乎可以向你保证，你过早地调用它。由于您正在使用jquery，请将您的代码放在此内：

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

当dom准备就绪时会调用此函数，因此您的元素现在可以随时修改。

根据窗口大小jQuery添加类

2 个答案: