jQuery matchHeight-忽略元素
我使用jQuery。它用于使一行中的所有元素具有相同的高度 假设我有两个元素,jQuery matchHeight-忽略元素,jquery,jquery-plugins,height,Jquery,Jquery Plugins,Height,我使用jQuery。它用于使一行中的所有元素具有相同的高度 假设我有两个元素,.main和.sidebar。侧边栏应该和主边栏的高度相匹配,而不是相反。为了清楚起见,Main不应该与侧边栏匹配 我可以用jQuery来完成,但我在其他地方使用了matchHeight,它考虑了填充、边距、框大小等等 可能吗?怎么做 JS jQuery(document).ready(function($) { $('.match').matchHeight(); }); HTML <div clas
.main
和.sidebar
。侧边栏应该和主边栏的高度相匹配,而不是相反。为了清楚起见,Main不应该与侧边栏匹配
我可以用jQuery
来完成,但我在其他地方使用了matchHeight
,它考虑了填充
、边距
、框大小
等等
可能吗?怎么做
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高度
- 如果.sidebar为345px,.main为1255px,则应更改.sidebar
永远不应该改变主管道。如果边栏比Main短,则应更改边栏。根据GitHub上的文档判断,您可以设置如下选项:
$(function() {
$('.sidebar').matchHeight({
target: $('.main'),
property: 'min-height'
});
});
上面将
.sidebar
的最小高度设置为等于.main
的高度,反之亦然您希望.sidebar
匹配.main
,但.main
不匹配.sidebar
?你可能需要多解释一下。