css - 一行中的 jQuery UI 可排序元素应该具有相同的高度

Question

我使用 jQuery UI Sortable 对预告片进行排序。问题是，有时预告片包含不同数量的文本。 (红色是文本。)因此，如果有不止一行的预告片，就会发生这种情况: 但我想要的是: Teaers 的高度应与行中最高的 Teaers 相同。不可能让他们都具有相同的高度。每行的最大预告片数始终为 3。

有没有比测量每行最高预告片的高度并在每次排序后使用 jQuery 调整其他预告片的高度更简单的方法？

Answer 1

$(function () {
    $('li').addClass('teaser');
    $('.sortable').sortable();
    $('#fixHeights').click(function () {
        var heights = [];
        $('.teaser').each(function () {
            heights.push($(this).height());
        });
        heights.sort();
        var tallest = heights.pop();
        alert(tallest); // optional
        $('.teaser').each(function () {
            $(this).height(tallest);
        })
    });
});

jsFiddle demo!

Is there an easier way than measuring the height of the highest teaser per line and adjust the height of the other teasers with jQuery after each sort?

简单地说，没有。