我在这里有卡片布局: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(使用多个标记过滤)。
我想我已经确定问题是我在我的布局中使用列表项但我不确定如何解决它。谢谢!
答案 0 :(得分:1)
jQuery插件仅将display: none
样式应用于div.item
,因为您已将插件初始化为$('div.tags-container').tagSort({items: '.item', ... })
,并且只会切换具有类item
的DOM元素。在您当前的版本中,<li>
元素仍然存在并占用空间,尽管内部元素已设置为display: none
。
您必须更改标记并将课程item
和data-item-tags
转换为<li>
而不是内部div
。