循环jQuery函数来检查div位置

Question

我有一堆浮动的div,我有一个函数检查每个div的位置,如果div的左边位置为0,那么它将添加一个类.

但是,当浏览器调整大小时,浮动的div会改变,例如我连续4开始,然后当我调整浏览器的大小时,它们会降低到3,然后是2,等等.

我希望能够循环我的函数,以便它连续检查div的左侧位置,看看它是否为0 ...我现在似乎无法将它转到wrk,我已经尝试了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演示(调整窗口大小以查看更改)

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