滑块不会以引导模式加载图像

Question

我在引导程序模式下有一个滑块，该滑块不会加载要显示的图像，我需要调整窗口大小以加载它们。

$(window).resize()确实调整了模态的大小并解决了我的问题，但在响应视图中却没有。我尝试了几乎所有类型的调整大小。

在这里我调用resize()方法：

$(".cbp-pagination-item").on('click',function() {
    $(window).resize();
}); 

Answer 1

当我尝试放置滑块代码时发生了问题

$('#js-grid-slider-thumbnail').cubeportfolio({some-properties: somthings});

在下面的代码之间。

$(document).ready()

当我把滑块代码放在外面时，一个问题解决了，因为不再有大小为零的img标签。但是直到我使用下面的函数，图像才被加载。

setTimeOut(function(){})

所以我的最终代码变成这样：

setTimeout(function () {
            $('#js-grid-slider-thumbnail').cubeportfolio({
                layoutMode: 'slider',
                drag: true,
                auto: false,
                //And some another properties
            });
    }, 600);

我不再需要使用下面的代码来加载图像。

$(window).resize();