Slick.js和多個Twitter Bootstrap模態窗口

Question

我有多個模式窗口，裏面有slick.js滑塊。問題在於滑塊沒有顯示出來，就好像它沒有任何高度一樣，你必須等待一段時間，或者點擊要顯示的圖像的項目符號。

一個解決辦法我是添加一個調整大小（）被出示模式時：

$('.modal').on('shown.bs.modal', function (e) { 
    $('.carousel').resize(); 

}) 

但這只是解決了一個模態窗口的滑塊的問題。如果您點擊其他模式，則滑塊不會再顯示。這裏有一個JS提琴：

http://jsfiddle.net/vanduzled/nv446jgm/2/

Answer 1

嗨，老兄，我認爲您的解決方案實際上是一個非常好的一個。

我改變了它咯，所以我申請時，將顯示模態光滑轉盤：

$('.modal').on('shown.bs.modal', function (e) { 
    $('.carousel').slick(); 

}) 

Answer 2

我設法得到這個多模態窗口工作有以下幾點：

$('.modal').on('shown.bs.modal', function (e) { 
    $('.product-slider').slick("setPosition", 0); 
}); 

Answer 3

以上的解決方案也工作，但它不順利嘗試這個它像魅力工作

.modal { 
    display: block; 
    visibility: hidden; 
    overflow-y: hidden; 
} 
.modal.in { 
    visibility: visible; 
}