將卡片排序爲左上

Question

我在此處有一個卡片佈局：http://jesseddy.com/resource-library。我使用名爲Tagsort的jQuery插件（https://wch.io/projects/tagsort）根據標籤過濾卡片。在功能上它可以工作，但在視覺上，牌被過濾時堆疊在頂部，該特定位不起作用。

要看到它是如何打算工作的看到這一點：https://wch.io/static/tagsort/demo-stacks/index.html

用mine看到它不工作：（使用多個標籤過濾器）http://jesseddy.com/resource-library。

我想我已經確定問題是我在我的佈局中使用列表項，但我不知道如何解決它。謝謝！

Answer 1

的jQuery插件只適用於在display: none風格div.item因爲你初始化插件這樣$('div.tags-container').tagSort({items: '.item', ... })，只與類item的DOM元素將被切換。在當前版本中，雖然內部元素已設置爲display: none，但<li>元素仍存在並佔用空間。

你將不得不改變你的標記和轉移類item和屬性data-item-tags到<li>而不是內部div。