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

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();