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

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

猜你需要额外的对括号在第一线if-condition ：

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(); 
       } 

Fiddle