Javascript 将卡片排序到左上角

我在这里有一个卡片布局：。我正在使用一个名为Tagsort（）的jQuery插件来根据标签过滤卡片。从功能上讲，它是有效的，但从视觉上看，当过滤时，卡应该堆叠在顶部，而特定的位不起作用

要了解其工作原理，请参见以下内容：

使用mine查看它不工作：（使用多个标记进行筛选）

---

我想我已经确定了问题是我在布局中使用列表项，但我不确定如何修复它。谢谢大家!

jQuery插件只将

display:none

样式应用于

div.item

，因为您将插件初始化为

$（'div.tags-container'）.tagSort（{items:'.item'，…}）

，并且只有类为

item

的DOM元素才会被切换。在当前版本中，

元素仍然存在并占用空间，尽管内部元素已设置为

显示：无

---

您必须更改标记，并将类

项

和属性

数据项标记

移动到

，而不是内部的

div

Yang，这非常有效，谢谢！！这又产生了一个问题，我在卡片的左边有一点填充物，我一辈子都搞不清楚它是从哪里来的，或者如何正确对齐。谢谢你的帮助！