2012-12-30 29 views
5

örtüşüyor İlk sayfam yüklendiğinde, duvar kağıtları görüntülerle çakışıyor ve sayfayı yeniliyorsa, iyi çalışıyor. Neyi yanlış yaptığımı bilmiyorum. Benim sayfa bağlantısı .ajax Başarısı üzerinde bu www.bhinderblink.comYenileme sayfa duvar işçiliği tamam, ancak ilk kez

<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> 

, o ben de, görüntüler de benzer bir konu örtüştüğü gözlendi etti ...

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" }); 
    } 
+0

ve herşey yolunda görünüyor: -

bu deneyin. Tarayıcınızdan önbelleği temizlemeyi/devre dışı bırakmayı deneyin. – stefanz

+0

, 20'den 2 kez iyi çalışıyor, önce sayfayı tamamen kapatın ve tekrar 2 kere açmayı deneyin, sonra u, 15 saniye boyunca turlarda aşağı kaydırdığınızda fark edeceksiniz. ama açılmış sayfa yenileme eğer bu mükemmel pics yüklemek –

+0

Ben nerede sorun ancak ilk kez konsolda gösterilen hatayı çözmek zorunda emin değilim: http://img822.imageshack.us/img822/9118/2012123017h2815.jpg. – stefanz

cevap

10

xmlobject veri almak ilk yükleme zamanı. İlk önce görüntüleri yükleyerek 'un üstesinden geliyorum.

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

Görüntüler yüklüyse, yalnızca duvarınızın görevi başlamalıdır. İyi çalışmalıdır.

1

İçerik (Görüntüler) tam olarak yüklenmeden önce komut dosyasının çalıştırılmasından kaynaklanmaktadır. Bu nedenle konumlandırma hatası. Ben senin bağlantı kontrol

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