让卡片排序到左上角

时间:2017-03-26 06:04:38

标签: javascript jquery

我在这里有卡片布局:http://jesseddy.com/resource-library。我正在使用一个名为Tagsort(https://wch.io/projects/tagsort)的jQuery插件来过滤基于标签的卡片。功能上它可以工作,但在视觉上,卡片在过滤时堆叠在顶部,该特定位不起作用。

要了解它的工作方式,请参阅:https://wch.io/static/tagsort/demo-stacks/index.html

使用我的版本查看它无效:http://jesseddy.com/resource-library(使用多个标记过滤)。

我想我已经确定问题是我在我的布局中使用列表项但我不确定如何解决它。谢谢!

1 个答案:

答案 0 :(得分:1)

jQuery插件仅将display: none样式应用于div.item,因为您已将插件初始化为$('div.tags-container').tagSort({items: '.item', ... }),并且只会切换具有类item的DOM元素。在您当前的版本中,<li>元素仍然存在并占用空间,尽管内部元素已设置为display: none

您必须更改标记并将课程itemdata-item-tags转换为<li>而不是内部div