Khi làm mới trang làm việc ok, nhưng lần đầu tiên chồng lên nhau

Khi trang của tôi tải hình xếp chồng lên nhau lần đầu tiên, và nếu tôi làm mới trang, nó bắt đầu hoạt động tốt. tôi không có ý tưởng gì tôi đã làm sai. liên kết trang web của tôi là www.bhinderblink.com nàyKhi làm mới trang làm việc ok, nhưng lần đầu tiên chồng lên nhau

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

On Success của .ajax, nó lấy dữ liệu từ 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" }); 
    }

Nguồn

2012-12-30 Jasbir Bhinder

Tôi đã kiểm tra liên kết của bạn và tất cả mọi thứ trông ok. Cố gắng xóa/tắt bộ nhớ cache khỏi trình duyệt – stefanz

của bạn, hoạt động tốt gấp 2 lần trong số 20. lần đầu tiên đóng trang hoàn toàn và thử mở lại 2 lần, sau đó bạn sẽ thấy rằng khi bạn cuộn xuống 15 bức ảnh tiếp theo trên vòng. nhưng nếu u làm mới mở trang nó tải bức ảnh hoàn hảo –

Tôi không chắc chắn nơi mà vấn đề là nhưng lần đầu tiên bạn phải giải quyết các lỗi hiển thị trong giao diện điều khiển: http://img822.imageshack.us/img822/9118/2012123017h2815.jpg. – stefanz

Tôi cũng có các vấn đề tương tự, hình ảnh bị chồng chéo tại thời gian tải đầu tiên. Tôi đã khắc phục điều này bằng cách trước tiên tải hình ảnh.

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

Nếu hình ảnh được tải thì chỉ nhiệm vụ của bạn phải bắt đầu. Nó sẽ hoạt động tốt.

Nguồn

2013-03-21 18:20:41 user2196414

Đó là do tập lệnh đang được chạy trước khi nội dung (Hình ảnh) không được tải đầy đủ. Do đó lỗi định vị.

Hãy thử điều này: -

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

Nguồn

2016-09-03 12:20:09

Khi làm mới trang làm việc ok, nhưng lần đầu tiên chồng lên nhau

Trả lời

Các vấn đề liên quan