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 的行。一旦我删除行和列，只使用卡片，它就可以工作了。但是我必须定义一个固定的宽度，这很好。