jquery tùy chọn đồng vị cho chiều cao tự động vào yếu tố

Question

Vì vậy, tôi đang sử dụng các đồng vị masonry bố trí

$('section').isotope({itemSelector:'article',layoutMode:'masonry',transformsEnabled: false, animationEngine: 'jquery',masonry:{columnWidth:8}});

Vấn đề là nếu tôi không thiết lập chiều cao cho article trong css, cách bố trí doesn Tôi không thể đặt chiều cao cố định cho các yếu tố, vì chúng là các bài đăng trên blog và có thể thay đổi về kích thước, các bạn có lời khuyên nào về cách giải quyết vấn đề này không?

Answer 1

Vấn đề được giải quyết, bạn cần phải gọi $(window).load instead of $(document).ready(

Answer 2

var $container = $('#container').imagesLoaded(function() { 
    $container.isotope({ 
    // options 
    }); 
}); 

Xem Isotope - imagesLoaded

Answer 3

happend này vì đồng vị doen't biết kích thước hình ảnh của bạn trước khi tải. Cách tốt hơn để làm điều đó là sử dụng một chỉ báo tải (có thể với plugin imageLoaded) để tải các hình ảnh và sau đó thực hiện một Chèn hoặc nối thêm với đồng vị. Bạn sẽ có một điều hướng trơn tru và sự tích hợp của một trang web tải nhanh hơn bằng cách sử dụng $ (window) .load().