Изотоп появляется только после фильтрации или изменения размера окна браузера

Question

Я использую Metafizzy's Isotope, чтобы отображать мои сообщения в Wordpress, и контейнер не отображает ни одного из моих элементов, пока я не возьму какое-то другое действие (например, фильтрацию или изменение размера окна). затем он «просыпается» и функционирует как обычно. Это происходит только в Chrome. Кто-нибудь испытал это или знал о решении?

Answer 1

У меня была такая же проблема только сейчас, когда я создавал HTML-шаблон с использованием ZURB Foundation 4, и до того, как эта страница была загружена, я разрешил ее, вызвав изотоп до основания и обернув изотопный вызов в обратном вызове загрузки окна следующим образом:

// Load Isotope on window load 
$(window).load(function(){ 
    $('.portfolio-items').isotope({ 
     itemSelector:'.portfolio-item' 
    }); 
}); 

// Loaded foundation after isotope 
$(document).foundation('orbit', {timer_speed:5000,bullets:false,orbit_transition_class: 'orbit-transitioning'}); 

Попробуйте обернув свой изотопный вызов в окне нагрузки обратного вызова, если это не сработает, то попробуйте загрузить его, прежде чем какой-либо другой JQuery плагин, могут быть конфликты.

Answer 2

У меня была такая же проблема при загрузке на странице с изображениями. Я просто установил Isotope для запуска после загрузки всех изображений:

$(function() { 
    //on all images load 

     $('img').on('load', function() { 
      //Initialise Isotope 
     }); 
});