我有一个索引页面，我通过 ajax 将不同的单页加载到索引页面布局中。每个页面都有一个轻弹滑块，我可以单独控制（上一个/下一个）所有滑块，但我的标题有问题。我只从一个滑块中获取标题信息并打印到每个幻灯片中，但是如何为每个滑块获取正确的标题？
我有这个来获取标题
var $gallery = $('.gallery').flickity({
cellSelector: '.gallery-cell',
imagesLoaded: true,
percentPosition: false,
wrapAround: true,
pageDots: false,
lazyLoad: true,
lazyLoad: 1,
imagesLoaded: true
});
var $caption = $('.caption');
var flkty = $gallery.data('flickity');
$gallery.on( 'cellSelect' , function() {
var element = flkty.selectedElement;
var cap = $(element).children().attr("alt");
console.log (cap);
$caption.text( cap )
});
});
和这个
<div class="gallery-cell ">
<img class="gallery-cell-image"
data-flickity-lazyload="http://i.imgur.com/8lEJtbg.jpg" alt="grapes" />
</div>
<div class="gallery-cell ">
<img class="gallery-cell-image"
data-flickity-lazyload="http://i.imgur.com/ERMbVdn.jpg" alt="raspberries" />
</div>
有任何想法吗？
我有第二个问题，通过 ajax 加载滑块，滑块看起来一两秒钟有点被破坏，有没有可能避免这种情况？
多谢！