如何使用jQuery設置slick.js的活動幻燈片？

我想將活動幻燈片設爲橙色邊框。如何使用jQuery設置slick.js的活動幻燈片？

enter image description here

知道了這個類是：slick-active和結構是這樣的：

<div class='slick-slide slick-active' ...>

我想出了這一點：

jQuery的

$('div').find('.slick-active').css('border', 'orange 3px solid');

我無法讓他們顯示。有人可以幫我弄這個嗎？

更新：

固定我的jQuery語法錯誤之後，我得到了顯示邊框，但這不是我存心想。

結果，截至目前：

enter image description here

這裏是我的JSFiddle

來源

2015-04-02 ihue

點在css之前丟失 – 2015-04-02 15:12:23

'$（'div'）。find（'。slick-active'）.css（'border'，'3px solid orange'）;' – 2015-04-02 15:12:39

hmm ... dang it。我非常接近。 – ihue 2015-04-02 15:13:03

我有完全相同的問題，直到我發現這一點：https://community.serif.com/forum/18904/how-do-i-add-the-slick-slider-to-webplus。 Martin有一個很好的答案，只需在.slick-center類中添加一些CSS。在第一個代碼塊下添加橙色邊框應該可以工作！

.center .slick-center h3 { 
    -moz-transform:scale(1.08); 
    -ms-transform:scale(1.08); 
    -o-transform:scale(1.08); 
    -webkit-transform:scale(1.08); 
    color:#e67e22; 
    opacity:1; 
    transform:scale(1.08); 
} 
.center h3 { 
    opacity:0.8; 
    transition:all 300ms ease; 
}

來源

2015-08-11 23:27:19

，因爲我面臨同樣的問題，併爲進一步的參考：

我能得到這個使用類.slick電流

做我把它周圍的一個div這樣我就可以USW選擇#divID .slick電流{}

例如：

#sliderPreviewBox .slick-current { 
padding-bottom: 5px; 
border-bottom: 2px solid #006ab2; 
color: blue; 
}

來源

2016-08-15 07:57:34

如何使用jQuery設置slick.js的活動幻燈片？

回答

相關問題