gpt4 book ai didi

javascript - 如何用 jQuery 替换网格列?

转载 作者:行者123 更新时间:2023-12-01 05:40:17 25 4
gpt4 key购买 nike

我是 jQuery/Javascript 新手。这是我第一次在不使用教程的情况下真正构建自己的 jQ 代码。

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

注意:“class='四列投资组合'”来自 Lynda 教程(但在 sculpture.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');
};

谢谢!

最佳答案

看起来您同时使用了 jQuery 和非 jQuery 选择器。如果 jQuery 可以接受:

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

关于javascript - 如何用 jQuery 替换网格列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31195500/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com