jQuery window 在选项卡上调整大小

Question

我在 2 个选项卡中有一个砌体图像网格（因此每个选项卡内容区域中有 1 个砌体网格）。我遇到的常见问题是，由于 window 调整大小问题，在选项卡之间切换会弄乱网格。

您可以在此处查看工作示例：http://www.gomy5.co.uk/our-work-copy/

我目前正在尝试在选项卡点击时调整大小，但它无法正常工作。

$(".tab-link").click(function(){
    $('#tab-1').resize();
    $('#tab-2').resize();
});

知道为什么它不能正确调整标签内容区域的大小吗？

谢谢

Answer 1

我找不到可行的 jQuery 解决方案。所以我找到了一个基于 css 的。而不是使用

display:none

并且未在隐藏元素上设置尺寸。我改用了

visibility:hidden;
visibility: visible;

这似乎解决了问题。

jQuery window resize on tabs