图片说明未与图片同步

问题描述

我遇到了这个问题，当第一次单击红色文本激活滑块时，滑块的图像标题仅同步一次。第二次激活时，字幕与之前显示的字幕相同。我想要的是，当切换到另一个expo时，字幕能够正确显示alt文本（就像您第一次激活它一样）。

Here is a JSFiddle so it's better to see.

$(document).ready(function(){
  $(".exposition").on('click',function(){

   var hello = $(this).attr('data-id');
   $('.slide-photos').hide();
   $('.caption-posts').hide();
   $('[id='+ hello + ']').show();
   $('.caption-posts').show();


   var $carousel = $('[id='+ hello + ']').flickity({
    cellSelector: 'img',wrapAround: true,lazyLoad: 2,selectedAttraction: 0.1,friction: 0.5,cellAlign: 'left',imagesLoaded: true,adaptiveHeight: true 
  });
   var $caption = $('.caption-posts');
// Flickity instance
var flkty = $carousel.data('flickity');

$carousel.on( 'select.flickity',function() {
  // set image caption using img's alt
  $caption.text( flkty.selectedElement.alt )


});

});

});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）