在当前幻灯片内显示div

Question

我正在使用滑块浮油，并且我试图在当前幻灯片上显示某些div只有报价。我试图这样做：

function displayQuote() { 
if ($('div').hasClass("slick-current")) { 
    $(this).find('.quote').css('display', 'block'); 
} 
} 
displayQuote(); 

但它不起作用。这里是全码： http://codepen.io/pjmtokyo/pen/JYyjew

我只是初学者，所以我希望得到任何帮助

Answer 1

其简单得多。首先你需要隐藏所有字幕。一旦隐藏字幕，您需要显示当前幻灯片的标题。当幻灯片变为活动状态（当前幻灯片）时，它很灵活，使其具有活跃的类别。你使用它并在该类中显示标题。以下是它的代码。我希望这能解决你的问题。

figcaption { 
    display: none; 
} 

.slick-active figcaption { 
    display: block; 
}