Javascript 砌体隐藏图像

Javascript 砌体隐藏图像,javascript,html,jquery-masonry,Javascript,Html,Jquery Masonry,我试图在我用砖石制作的网格上隐藏图像。我不知道出了什么事……谢谢你的帮助 网格可以很好地加载图像,但是当我单击按钮时,警报就会显示出来,其他什么都没有 另外,我如何让砖石填充隐藏对象的空间,以及如何从项目中获取属性 <script> //initialise masonry grid var container = document.querySelector('#container'); var button = document.querySelector

我试图在我用砖石制作的网格上隐藏图像。我不知道出了什么事……谢谢你的帮助 网格可以很好地加载图像,但是当我单击按钮时,警报就会显示出来,其他什么都没有

另外,我如何让砖石填充隐藏对象的空间,以及如何从项目中获取属性

<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>

//初始化砌体网格
var container=document.querySelector(“#container”);
var button=document.querySelector(“#button001”);
var msnry=新砌体(容器、{
//选择权
列宽:'.item',
itemSelector:“.item”,
});
//隐藏函数
绑定(按钮“单击”,函数(){
//声明变量
var elems=msnry.getItemElements();
变量元素=元素[1];
var item=msnry.getItem(元素);
//隐藏项目
msnry.hide(项目);
//重新装填砌体
msnry.reloadItems();
//显示成功
警惕(“成功!!!”);
});

提前感谢

根据的文档,它接受要隐藏的项目数组


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

最终找到了答案,必须实际删除该项目,而不是隐藏它

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