Question

我试图创建一个简单的系统，它将使用jQuery在网格系统中定位框。

当前进度

我创建了网格定位系统，将它们并排放置。

            var XPosition = 0;
            var YPosition = 0;

            $(".boxes").each(function() {
                $(this).css("left", XPosition);
                $(this).css("top", YPosition);
                $(this).css("height", $(".boxes").width());

                if (XPosition += $(this).width() < $("#gridCon").width()) {
                    XPosition += $(".boxes").width()-1;
                    console.log($("#gridCon").width());
                    console.log(XPosition);
                } else {
                    console.log(YPosition);
                    XPosition = 0;
                    YPosition += $(".boxes").height();
                }

问题

网格超出了屏幕宽度，这是不希望的。我厌倦了创建一个if语句，旨在重置左侧位置并将其放在一个新行上。但是if语句似乎没有正确运行，因为我似乎无法获得else语句

JSFiddle - https://jsfiddle.net/wLoqx4mj/

Answer 1

猜猜你在第一行<div class="item"> <a href="url"> <img src="//dummyimage.com/200" /> </a> </div>需要额外的一对括号：

if-condition

Fiddle

Jquery .each（）如果语句没有按预期工作

1 个答案: