jquery - 使用 JS 调整 WordPress Jetpack Tiled Gallery 的大小

Question

在我的 WordPress 主题中，我有一个隐藏div的 Jetpack 画廊。我有一个按钮，点击后div会使用 jquery 的.slideDown(). 里面的喷气背包画廊div仅以 100 像素宽显示，不会填满div. 但是，当我调整窗口大小时，画廊会立即填充div它应该的空间。

我将其设置div为display: block;并正确显示，但是当div设置display:none;为然后使用jquery显示时.slideDown()，它只有100px宽。

是否有一个 js 函数可以调用我的按钮.click()事件，它可以触发 Jetpack Gallery 调整大小到div? 当窗口调整大小时，它似乎会调整大小，所以我认为必须有一种方法可以在.slideDown()完成后调整大小。

HTML

<div id="container">
[gallery]
</div>

<button id="btn">Show</button>

CSS

#container { 
  display:none; 
  width:100%;
  height: auto;
}

JS

    $('#btn').click(function(e) {
        $('#container').slideDown();
    });

Answer 1

我解决这个问题的方法是

$('#btn').click(function(e) {
    $('#container').slideDown();
    $('.tiled-gallery').resize();
});

.tiled-gallery是jetpack创建的包裹画廊的div