添加到Flickity轮播中的图片无法点击

时间:2019-02-09 15:11:50

标签: jquery woocommerce carousel flickity

当我试图将图像添加到轻快旋转木马上时,我很挣扎(在产品页面上-我使用woocommerce)。

问题:图像已添加且可见,但不可点击。

我的代码:

var thumbnails = jQuery('.product-thumbnails').flickity();
jQuery(thumbnails).flickity( 'append', jQuery('<div aria-selected="false" class="col"><a><img src="/wp-content/uploads/2018/01/myimage-100x100.png" width="100" height="100" class="attachment-woocommerce_thumbnail lazyloading" data-was-processed="true"></a></div>'));

我也尝试将图像添加到视口:

var carousel = jQuery('.flickity-viewport').flickity();
jQuery(carousel).flickity( 'append', jQuery('<div aria-selected="false" class="col"><a><img src="/wp-content/uploads/2018/01/myimage-100x100.png" width="100" height="100" class="attachment-woocommerce_thumbnail lazyloading" data-was-processed="true"></a></div>'))

当我console.log轻度数据时:

var flkty = jQuery(thumbnails).data('flickity');
flkty.slides.length

它返回正确的数字:3(在转盘上附加2张图像之前),但是添加的图像不可单击。

可以帮忙吗?我忘了什么吗?

0 个答案:

没有答案