私のFeatherlightギャラリーが2回クリックする必要があるのはなぜですか？

私のFeatherlightギャラリーをアクティブにするには2回のクリックが必要です。あなたはその理由を知りますか？ここは私のFeatherlightギャラリーが2回クリックする必要があるのはなぜですか？

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>

彼らはの一部であるように私は、コンテナを取り除くことはできませんWoocommerceプラグインのダイナミクス

ここに例があります。http://jadepalacecollective.com/product/shoes-4/ シューズを1回クリックしてから2回クリックします。見る？

出典

2017-05-10 Joao Alves Marrucho

JavaScriptコンソールは、このエラーを示しています

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

このエラーは通常、イメージをバインドした後でFeatherlightに追加すると発生します。このエラーを回避するには、イメージを動的に追加した後に、手動でFeatherlightをバインドすることができます：

出典

2017-05-10 11:46:59 geraldo

こんにちはGeraldo。その正確な線はそれを解決しなかった...しかし、あなたは正しい思考の列車にいた。これは、（featherlight属性を設定した後にこれを配置することによって）うまくいったものです： $（ '.woocommerce-product-gallery'）。featherlightGallery（）; \t \t 私は正しいと答えます。どうもありがとう！ –

これは私のためにそれを修正しました！ –

最初のクリックは、このエラーのために動作しません：あなたは、ギャラリーの最初のクリックした後、ブラウザのコンソールを確認することができますfeatherlight.js

の

Featherlight: no content filter found (no target specified)

ライン227を、あなたが表示されるはずです同じエラー

出典

2017-05-10 11:41:08 Mokkun

私のFeatherlightギャラリーが2回クリックする必要があるのはなぜですか？

答えて

関連する問題