javascript - Firefox と Chrome/Safari で JQuery の動作が異なる

Question

画像を列に配置するこのコードがあります(私のコードではなく変更されています)。画像の前の順序を保持するために無限スクロール用のスクリプトを追加したところ、ページ div にネストされているため、ページ div を反復処理してから、ページ内の各画像を反復処理します。ここで奇妙なことに、Firefox は画像を正しく配置しているように見えますが、chrome と safari は重複した追加で配置を台無しにしています。誰もが理由を知りましたか？

var colCount = 0;
var colWidth = 225;
var margin = 10;
var spaceLeft = 0;
var windowWidth = 0;
var blocks = [];

$(function(){
  $(window).resize(setupBlocks);
});

function setupBlocks() {
  windowWidth =  $("#container").outerWidth();
  blocks = [];
  // Calculate the margin so the blocks are evenly spaced within the window
  colCount = Math.floor(windowWidth /(colWidth + margin*2));
  spaceLeft = (windowWidth - ((colWidth*colCount)+(margin*(colCount-1)))) / 2;
  for(var i=0;i<colCount;i++){
    blocks.push(margin);
  }
  positionBlocks();

}

function positionBlocks() {
 $('.page').each(function(i){
  $(this).children('.block').each(function(j){
    var min = Array.min(blocks);
    var index = $.inArray(min, blocks);
    var leftPos = (index * (colWidth + margin));
    $(this).css({
      'left':(leftPos + spaceLeft) + 'px',
      'top':min+'px'
    });
    blocks[index] = min+$(this).outerHeight() + margin;
  });
  }); 
}

$(window).scroll(function(){
  if($(window).scrollTop() == $(document).height() - $(window).height()){
  //$('div#loadmoreajaxloader').show();
  $.ajax({
    url: "/more",
    success: function(html){
      if(html){
        $("#container").append(html);
        setupBlocks()
        //$('div#loadmoreajaxloader').hide();
      }else{
        $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
      }
    }
  });
}
});