flexslider主图像未加载到引导选项卡中

时间:2016-11-15 17:20:38

标签: jquery twitter-bootstrap flexslider

我将flexslider添加到bootstrap选项卡中。但是当我点击标签时,它会显示缩略图,但不会显示主图像。

我在这里创造了一个测试小提琴 http://jsfiddle.net/livewirerules/w39rzo69/6/

我做了一些调查,发现添加调整大小会修复它,但它似乎对我不起作用

$('.flexslider').resize();

我需要确保在移动标签时加载完整的滑块..

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:3)

您正在隐藏.tab-pane时初始化滑块。要么初始化它,要么只是在标签显示事件上触发调整大小:

$(document).on('shown.bs.tab', 'a[data-target="#settings"]', function (e) {
    $('#slider').resize();
});

jsfiddle