Pourquoi ma galerie Featherlight nécessite-t-elle deux clics pour être activée?

Ma galerie Featherlight nécessite deux clics pour être activée. Savez-vous pourquoi? Voici mon code ...Pourquoi ma galerie Featherlight nécessite-t-elle deux clics pour être activée?

Javascript/jQuery:

$(".woocommerce-product-gallery").attr({ 
    "data-featherlight-gallery" : "", 
    "data-featherlight-filter" : "a" 
});

HTML:

<div class="woocommerce-product-gallery"> 
    <figure class="product_gallery"> 
     <div data-thumb="THUMBNAIL_image.jpg" class="woocommerce-product-gallery__image"><a href="BIG_image.jpg"><img width="593" height="800" src="MEDIUM_image.jpg" data-src="BIG_image.jpg"></a></div> 
     <div data-thumb="THUMBNAIL_image2.jpg" class="woocommerce-product-gallery__image"><a href="BIG_image2.jpg"><img width="593" height="800" src="MEDIUM_image2.jpg"></a></div> 
     <div data-thumb="THUMBNAIL_image3.jpg" class="woocommerce-product-gallery__image"><a href="BIG_image3.jpg"><img width="593" height="800" src="MEDIUM_image3.jpg"></a></div> 
</figure>

Je ne peux pas me débarrasser du conteneur car ils font partie de Woocommerce plugin dynamique.

Voici l'exemple: http://jadepalacecollective.com/product/shoes-4/ Cliquez sur les chaussures une fois ... puis deux fois. Voir?

Source

2017-05-10 Joao Alves Marrucho

console Javascript montre cette erreur:

"Featherlight: no content filter found (no target specified)"

Cette erreur se produit généralement lorsque vous ajoutez des images à Featherlight après l'avoir lié. Pour éviter cette erreur, vous pouvez lier manuellement Featherlight après avoir ajouté dynamiquement vos images:

$('woocommerce-product-gallery__wrapper').featherlight();

Source

2017-05-10 11:46:59 geraldo

Hi Geraldo. cette ligne exacte ne l'a pas résolue ... mais vous étiez sur le bon chemin de la pensée. C'est ce qui a fini par fonctionner (en plaçant ceci après avoir défini les attributs de featherlight): $ ('.woocommerce-product-gallery') .premierlightGallery(); \t \t Je vous marquerai comme correct. Merci beaucoup! –

Ceci l'a fixé pour moi! –

Le premier clic ne fonctionne pas à cause de cette erreur:

Featherlight: no content filter found (no target specified)

ligne 227 de featherlight.js

Vous pouvez vérifier votre console de navigateur après le premier clic sur la galerie, vous devriez voir la même erreur

Source

2017-05-10 11:41:08 Mokkun

Pourquoi ma galerie Featherlight nécessite-t-elle deux clics pour être activée?

Répondre

Questions connexes