如何在我的插件中添加减去px？

Question

我正在使用一个插件来使我的div成为相同的例子:matchheight jquery插件并且我做了我想要的几乎,正如你在我的演示中看到的那样我的两个div是相同的但是我想做一点具体的:

我的.bdiv必须比.adiv 短,例如-15px或-10px ..我的问题是如何添加自定义-px？

$('.b').matchHeight({
        target: $('.a')
    });

.a,.b{
color:#fff;
padding:10px;
width:100px;
overflow:hidden;
float:left;
margin:5px;
}
.a{
background:red;
}
.b{
background:orange;
}

<div class="a">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="b">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
</div>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>

Answer 1

在插件调整高度后,您可能需要调整"b"元素.因此,您需要在更新后的回调函数中执行此操作.

$.fn.matchHeight._afterUpdate = function(event, groups) {
  $('.b').height(function(){ return $('.b').height() - 10; });
}