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