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

时间:2011-01-13 09:04:28

标签: javascript jquery html css templates

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

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

如何修改此插件,以便当有人点击某个对象时,它会执行良好的“重新排序”效果,如:http://desandro.com/demo/masonry/docs/filtering.html#demo

它会将对象“X”的位置向上或向下移动吗?

这样做是否容易修改?

1 个答案:

答案 0 :(得分:0)

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

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

这会隐藏所有带红色和黑色类的元素,添加css属性display和值none

这将使浏览器不“看到”它们,因此根据您为它们设置的浮点数,其余元素将位于不同的位置。