jQuery matchHeight - 忽略一个元素

Question

我使用jQuery matchHeight。它用于使一行中的所有元素具有相同的高度。

我们说我有两个元素.main和.sidebar。侧边栏应与Main的高度匹配，而不是相反。要清楚，Main不应与Sidebar相匹配。

我只使用jQuery即可，但我在其他地方使用matchHeight，并考虑padding，margin，box-sizing等等

有可能吗？怎么样？

JS

jQuery(document).ready(function($) {
    $('.match').matchHeight();
});

HTML

<div class="main match">Main content</div>
<div class="sidebar match">Sidebar content</div>

更新 - 示例

• 如果.main为345px且.sidebar为1255px，则不应更改.main height。
• 如果.sidebar为345px且.main为1255px，则应更改.sidebar。

不应该更改主要内容。如果侧栏比Main短，则应更改侧栏。

Answer 1

根据GitHub上的文档判断，您可以设置如下选项：

$(function() {
    $('.sidebar').matchHeight({
        target: $('.main'),
        property: 'min-height'
    });
});

以上将.sidebar的最小高度设置为等于.main的高度，但不是反之亦然