javascript - Slick.js 和多个 Twitter Bootstrap Modal Windows

Question

我有多个模态窗口，里面有 slick.js slider 。问题是 slider 没有显示，就好像它没有任何高度，您必须等待一段时间或单击元素符号才能显示图像。

我得到的一个解决方案是在显示模式时添加一个 resize():

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

})

但这只能解决一个模态窗口 slider 的问题。如果您单击另一个模式， slider 将不会再次显示。这是一个 js fiddle :

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

Answer 1

我设法让它与多个模态窗口一起工作，具有以下内容:

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