在當前幻燈片內顯示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; 
}