Question

我正在尝试在更改元素的高度时更新砌体页面的布局。我希望元素能够像调整窗口大小一样自动重新调整。我已经尝试了很多方法，而现在我似乎什么也没做：

function masonryReload() {
                jQuery('#container').masonry('reloadItems');
            }

我在这里遗漏了什么，还是有其他方法更适合我想要的东西？

如果有人对此有任何经验，我们将不胜感激。

更新： JS功能：

function masonryReload() {
            jQuery('#container').masonry('reload');
        }

HTML：

 <li id="logo" style="padding-right: 25px;" onclick="masonryReload();"><img src="<?php bloginfo('template_directory'); ?>/img/logo.png"></li>

Answer 1

.masonry('reload')

它是在文档中定义的，但是只需再次使用.masonry()即可。

关注您的代码。离开内联onclick处理程序，并将其全部放在JS：

中

<强> HTML

<li id="logo" style="padding-right: 25px"><img src="<?php bloginfo('template_directory'); ?>/img/logo.png"></li>

<强> JS

function masonryInit() {
    jQuery("#container").masonry();
    console.log("It works!");
}

jQuery(document).ready(function() {
    masonryInit();
    $("#logo").click(masonryInit());
});

重新加载砌体内容

1 个答案: