解开砌体

时间:2013-05-15 04:06:01

标签: jquery-ui knockout.js jquery-ui-sortable jquery-masonry

情境:

我目前正在使用KnockoutJS,jQuery UI的可排序和Masonry。我使用Knockout显示卡片列表,Masonry正确排列卡片,并可以对卡片进行分类。

卡片尺寸相似,但我稍后会介绍不同的尺码,所以我当然需要砌体帮我安排。

我正在为sortable使用自定义的bindingHandler函数,这样当用户对卡片进行排序时,项目的位置会在knockout observableArray中更新。

问题:

由于挖空可排序功能将物品从最后位置移除并将其放回新位置,因此砌体会混乱,并且某种方式可排序也无法正常运行。我发现如果我只是在不使用砌体的情况下将所有卡片漂浮掉,可以进行排序。

我计划在可排序的开始时撤消砌体,并将其放回可排序的停止位置。但是我不知道如何解开砌体。有办法吗?或者至少是一种让它发挥作用的方法。

以下是我正在尝试做的原型: http://jsbin.com/avujom/9/edit

1 个答案:

答案 0 :(得分:0)

您可以使用砖石destroy来移除砖石。所以它完全消除了砌体功能。这将使元素返回其预初始化状态。并且您可以在msnry = new Masonry( container );需要时创建砌体元素。您也可以使用layout方法。