Question

我目前有一些javascript代码，以确保所有div都具有相同的大小，而不管其中的文本/图片数量。

window.onload = function() {
    boxes = $('.albums');
    maxHeight = Math.max.apply(
        Math, boxes.map(function() {
            return $(this).height();
        }).get());
    boxes.height(maxHeight);
};

这对我有用，但我正在尝试使用filteriffic gem实现它，这是一个rails插件来过滤，搜索和排序ActiveRecord列表。

当用户键入关键字时，列表会更改。一旦完成输入，div现在的大小不一样，因此它们不适合同一行，并且布局不同步。

如何修改我的javascript代码，以便每次更新列表时重新运行它？

Answer 1

您可以尝试将此功能挂钩到change事件中。

$('#filterrific_filter').on('change', function(){
    boxes = $('.albums');
    maxHeight = Math.max.apply(
        Math, boxes.map(function() {
            return $(this).height();
        }).get());
    boxes.height(maxHeight);
});

更新列表结果后的JavaScript div高度

1 个答案: