在刷新頁面砌築工作正常，但第一次重疊

當我的頁面加載第一次磚石重疊圖像，如果我刷新頁面開始工作正常。我沒有任何想法我做錯了什麼。我的網頁鏈接是這個www.bhinderblink.com在刷新頁面砌築工作正常，但第一次重疊

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#container').masonry({ 
      // options 
      itemSelector: '.box', 
      columnWidth: 240, 
      isAnimated: true, 
      isFitWidth: true, 
      animationOptions: { 
       duration: 650, 
       easing: 'linear', 
       queue: false 
      } 
     }); 
    }); 


</script>

在阿賈克斯的成功，它從獲取數據的XMLObject ...

function OnSuccess(response) { 
     var xmlDoc = $.parseXML(response.d); 
     var xml = $(xmlDoc); 

     pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text()); 

     var pic_infoVar = xml.find("pic_info"); 

     pic_infoVar.each(function() { 
      var customer = $(this); 
      //........... 

      var $picString = $("<div class='box'><img id='theImg' src='/pic/jas/" + customer.find("pic_name").text() + ".jpg" + "'/><div>Detail2</div></div>"); 
      $("#container").append($picString).masonry('appended', $picString, true); 

     }); 

     $("#imgloader").hide(); 
     $("body").css({ "opacity": "100" }); 
    }

來源

2012-12-30 Jasbir Bhinder

我檢查你的鏈接，一切看起來正常。嘗試從您的瀏覽器清除/禁用緩存 – stefanz

它工作正常2次20出頭。首先完全關閉頁面，並嘗試重新打開它2 3次，然後你會注意到，當你向下滾動下15圈圖片。但如果你刷新打開的頁面，它加載圖片完美 –

我不知道問題出在哪裏，但第一次你必須解決控制檯中顯示的錯誤：http://img822.imageshack.us/img822/9118/2012123017h2815.jpg。 – stefanz

我也有類似的問題，圖像是在重疊第一次加載時間。我首先通過加載圖像來克服這個問題。

$(".id").imagesLoaded(function(){ 
    $('.id').masonry({ 
       itemSelector: '.scrapcontent', 
       columnWidth: 3, 
       isAnimated:true, 
       animationOptions: { 
        duration: 700, 
        easing:'linear', 
        queue :false 
       } 
     }); 
}

如果圖像被加載，那麼只有你的石工的責任必須開始。它應該工作正常。

來源

2013-03-21 18:20:41 user2196414

這是因爲在內容（圖像）未完全加載之前腳本正在運行。因此定位錯誤。

試試這個： -

<head> 
<script> 
     $(window).load(function(){ 
      $('#selector').masonry({ 
       itemSelector : '.item', 
       columnWidth : 200, 
       isAnimated: true, 
       animationOptions: { 
        duration: 700, 
        easing: 'linear', 
        queue: false 
       } 
      }); 
     }); 
</script> 
</head>

來源

2016-09-03 12:20:09

在刷新頁面砌築工作正常，但第一次重疊

回答

相關問題