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

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