我将flexslider添加到bootstrap选项卡中。但是当我点击标签时,它会显示缩略图,但不会显示主图像。
我在这里创造了一个测试小提琴 http://jsfiddle.net/livewirerules/w39rzo69/6/
我做了一些调查,发现添加调整大小会修复它,但它似乎对我不起作用
$('.flexslider').resize();
我需要确保在移动标签时加载完整的滑块..
任何帮助将不胜感激
答案 0 :(得分:3)
您正在隐藏.tab-pane
时初始化滑块。要么初始化它,要么只是在标签显示事件上触发调整大小:
$(document).on('shown.bs.tab', 'a[data-target="#settings"]', function (e) {
$('#slider').resize();
});