jQuery图库没有在Bootstrap 3选项卡中加载

时间:2013-11-27 09:23:18

标签: jquery css twitter-bootstrap

我正在使用Twitter Bootstrap 3框架。我已经安装了 CollagePlus jQuery图片库插件,在标签页面内有一个砌体库。但是,只有在我调整浏览器窗口大小时才显示图像。我现在已多次安装插件,但问题还在继续。

在此 FIDDLE 上自行尝试 你会看到3个标签,点击“图像”然后等待 然后轻推浏览器窗口一毫米,你会看到图像apear
为什么我不能让它们正常加载?

我不确定该插件的哪个部分导致了问题但是使用了消除方法,我已将其缩小到这个removeWhitespace.js脚本(尽管这只是我在猜测)

;(function( $ ) {

$.fn.removeWhitespace = function() 
{
this.contents().filter(
    function() {
        return (this.nodeType == 3 && !/\S/.test(this.nodeValue));
    }
).remove();
return this;
}

})( jQuery );

1 个答案:

答案 0 :(得分:0)

您必须重新初始化代码,只需在脚本部分添加此功能:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { collage(); });