2012-02-13 7 views
8

Implementé el plugin jquery de Isotopo con éxito, pero por algún motivo tengo un problema al mostrar todos los elementos cuando la página se carga por primera vez y solo en Chrome.El complemento jquery isotópico no se muestra correctamente en cromo

Puede ver aquí lo que está sucediendo http://dl.dropbox.com/u/15358757/sd.jpg, que los elementos están uno encima del otro. pero cuando presiono PSDs y luego regreso a All se muestra correctamente.

No tengo una altura predeterminada para el contenedor porque quiero ser dinámico.

¿Alguna idea de cómo puedo solucionar esto?

Respuesta

24

El problema es probablemente que Isotopo está haciendo lo suyo antes de cargar las imágenes.

http://isotope.metafizzy.co/demos/images.html

[En esta demo] isótopo se produce tras todas las imágenes se cargan con el plugin imagesLoaded .

http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin

var $container = $('#container'); 

$container.imagesLoaded(function() { 
    $container.isotope({ 
    // options... 
    }); 
}); 
+0

También vale la pena señalar que la adición de artículos después de la inicialización de isótopos requiere el uso del método 'insert', como se detalla en http://isotope.metafizzy.co/docs/methods.html #insertar; de lo contrario, seguirás teniendo problemas con los elementos nuevos. – meklarian

+0

No estoy seguro de si OP tenía el plugin o no, pero tuve que descargar imagesLoaded y cargarlo junto con Isotope. https://github.com/desandro/imagesloaded –

Cuestiones relacionadas