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();