jquery搜索具有重新定位的多张卡

Question

我正在使用jquery搜索包含多个引导卡的页面。代码工作正常：

<script>
$(document).ready(function () {
jQuery.expr[':'].icontains = function (a, i, m) {
return jQuery(a).text().toUpperCase()
.indexOf(m[3].toUpperCase()) >= 0;
};
$('#txtSearch').keyup(function () {
var text = $(this).val();
// Hide all content class element
$('.searchable').hide();
// Search and show
$('.searchable:icontains("' + text + '")').show();
});
});

但是，找到的卡片将保留在其原始位置，匹配的卡片将显示空白区域。例如，如果第一行有 4 张牌，并且第三张牌符合条件，它将隐藏前两张和最后一张，但第三张卡仍保留在其原始位置。如何重新定位所有找到的卡片以排列，就好像没有其他卡片一样？

Answer 1

我已经弄清楚了原因。这是因为我正在使用带有 col-lg-4 的行。一旦我删除行和列，只使用卡片，它就可以工作了。但是我必须定义一个固定的宽度，这很好。