【问题标题】:Slider doesn't load images in bootstrap modal滑块不会在引导模式中加载图像
【发布时间】:2019-01-23 04:04:10
【问题描述】:

我在引导模式中有一个滑块,它不加载要显示的图像,我需要调整窗口大小来加载它们。

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

这里是我调用resize()方法的地方:

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

【问题讨论】:

  • 请添加滑块的代码,您不需要添加整个文件,只需添加滑块所涉及的内容即可。

标签: jquery css html twitter-bootstrap bootstrap-modal


【解决方案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();

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-12-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-05
    • 2018-11-05
    • 2023-03-17
    相关资源
    最近更新 更多