Question

我正在尝试将图像隐藏在使用砌体制作的网格上。我不知道什么是错的。帮助赞赏网格加载图像都很好，但是当我点击按钮时，警报显示出来，没有别的

我如何获得砌筑以填充隐藏物体的空间，我可以从物品中获得优势吗？

<script>
    //initialise masonry grid
    var container = document.querySelector('#container');
    var button = document.querySelector('#button001');
    var msnry = new Masonry( container, {
        // options
        columnWidth: '.item',
        itemSelector: '.item',
    });
    //hide function
    eventie.bind( button, 'click', function() {
        //declare the variables
        var elems = msnry.getItemElements();
        var element = elems[1];
        var item = msnry.getItem( element );
        //hide the item
        msnry.hide(item);
        //reload masonry
        msnry.reloadItems();
        //show success
        alert("Success !!!");
    });
</script>

提前致谢

Answer 1

根据.hide method的文档，它接受要隐藏的项目数组。

尝试使用msnry.hide([item]);？

Answer 2

最终弄明白了，不得不实际删除该项而不是隐藏它

msnry.remove(element);
msnry.layout();

砌体隐藏图像

2 个答案: