如何使用此 JQuery 插件移动对象 X 位置？

Question

http://desandro.com/demo/masonry/docs/

我得到了很好的展示。但是，

我如何修改这个插件，以便当有人点击一个对象时，它会产生很好的“重新排序”效果，如下所示：http://desandro.com/demo/masonry/docs/filtering.html#demo

它会在列表中向上或向下移动对象“X”的位置吗？

修改它是否容易做到这一点？

Answer 1

从所有元素都有float:left;的那一刻起，当用户单击按钮时，隐藏具有特定类的元素，例如如果他单击灰色，则将隐藏红色和黑色。在 jquery 中，上面的例子是这样的：

$(document).ready(function(){
    $("#grey-button").click(function(){
        $(".red, .black").hide()
    });
});

这将隐藏所有具有红色和黑色类的元素，添加 css 属性 display 和值 none。

这将使浏览器看不到它们，因此其余元素将根据您为它们设置的浮动定位在不同的位置。