J’ai construit mon site avec WordPress.org et le thème s’appelle Imbalance2. J’ai remarqué que ce thème avait un bogue et j’ai cherché des sujets sur le problème qui se chevauchait à cause de Masonry js. J’utilise les imagesLoaded (de l’utilisateur Léger sous Utilisation de la maçonnerie avec des images chargées , merci!): Cela fonctionne, mais parfois mes images de Chrome se chevauchent. Je décide d’append une pagination à la place de “Lazy Load” (pour éviter plus de problèmes…) mais je ne peux pas fusionner les imagesLoaded pour #boxes et # related…
Pourrais-tu m’aider s’il te plaît? Voici l’adresse de mon site
Merci beaucoup pour votre temps!!!
$(document).ready(function() { // grid var $boxes = $('.box'); $boxes.hide(); var $container = $('#boxes'); $container.imagesLoaded( function() { $boxes.fadeIn(); $container.masonry({ itemSelector: '.box', columnWidth: 290, gutterWidth: 40 }); }); $('#related').masonry({ itemSelector: '.box', columnWidth: 290, gutterWidth: 40 }).masonry('reload'); });
Ce tweak est un correctif sur chrome et navigateur Safari.
Ajouter cette ligne.
jQuery (“img”). load (function () {jQuery (“. conteneur_class”). masonry (); // ce réglage est un correctif pour les navigateurs Chrome et Safari});
Voici la solution que j’ai trouvée. Comme je l’ai dit, j’ai changé la “charge paresseuse” pour la pagination et j’ai écrit le code ci-dessous, grâce à des utilisateurs qui ont partagé leurs solutions dans ce forum.