如何用jQuery替换网格列？-Java 学习之路

我是jQuery / Javascript的新手 . 这是我第一次真正构建自己的jQ代码而不使用教程 .

我正在使用骨架网格，并尝试使用jQuery将四列布局更改为六列布局，以便我的三个图像宽行将切换到500px-800px之间的两个图像宽行 . 我没有得到任何控制台错误，但它没有工作 . 有人看到我的jQ脚本有什么问题吗？

注意：“class ='四列组合'”来自Lynda教程（但在skeleton.css中它将它称为'four.columns'，这对我来说很奇怪） . 那是我以前没见过的东西 .

http://codepen.io/pandathorax/pen/oXEqRg

var width = $(window).width();
while ( width > 550 && width <= 801) {
    var columnChange = document.getElementsByClassName("row");
    $(columnChange).removeClass('four.columns').addClass('six.columns');
};

谢谢！

1 回答

看起来你使用jQuery和非jQuery选择器 . 如果jQuery是可以接受的：

var width = $(window).width();
while ( width > 550 && width <= 801) {
    $('.row').removeClass('four').addClass('six');
};

回复于 2024-04-20T11:20:59+08:00

如何用jQuery替换网格列？

1 回答

相关问题