当我试图将图像添加到轻快旋转木马上时,我很挣扎(在产品页面上-我使用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张图像之前),但是添加的图像不可单击。
可以帮忙吗?我忘了什么吗?