jquery - 循环 jQuery 函数来检查 div 位置

Question

我有一堆 float 的 div，并且有一个函数可以检查每个 div 的位置，如果 div 的左侧位置为 0，那么它将向其添加一个类。

但是，当浏览器调整大小时， float div 会发生变化，例如，我从连续 4 个开始，然后当我调整浏览器大小时，它们会下降到 3 个，然后是 2 个，依此类推。

我希望能够循环我的函数，以便它连续检查 div 的左侧位置以查看它是否为 0...我目前似乎无法让它工作，我已经尝试过 setInterval和窗口调整大小功能，这是我的代码:

$('.box').each(function(index, item){
   if($(this).position().left == 0){
      $(this).removeClass('right');
      $(this).addClass('left');
   } else {
      $(this).removeClass('left');
      $(this).addClass('right');
   }
});

Answer 1

jsBin demo (调整窗口大小以查看更改)

function checkPositions(){    
    $('.box').each(function(){
       var myPos = $(this).position().left == 0 ?
       $(this).removeClass('right').addClass('left') :           
       $(this).removeClass('left').addClass('right') ;
    });  
}
checkPositions(); // check on DOM ready


$(window).resize(function(){  // and do it on window resize
    checkPositions();
});