我如何使用这个 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。

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