У меня проблемы с попыткой добавить изображение в карусель 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 изображения), однако добавленное изображение не активируется.
Не могли бы вы помочь?Я забыл о чем-то?