Question

在我的WordPress主题上，我有一个隐藏的div，里面有一个Jetpack画廊。我有一个按钮，点击后会使用jquery＆＃39; s div显示.slideDown()。 div内的jetpack图库仅以100px宽度显示，不会填充div内的空间。但是，当我调整窗口大小时，画廊会立即填充div中的空格，就像它想象的那样。

我将div设置为display: block;并且显示正确，但是当div设置为display:none;然后使用jquery＆＃39; s {{ 1}}它只有100px宽。

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

HTML

.slideDown()

CSS

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

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

JS

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

Answer 1

我解决这个问题的方法是

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

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

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

1 个答案: