如何更改当前代码以将div设置为最小高度而不是高度jQuery

时间:2016-09-20 17:52:52

标签: javascript jquery html css

有人可以帮助我将div设置为min-height而不是正常高度。因为当我按下“了解更多”按钮时,它将超过我的div,因为该功能用于设置高度而不是相等的高度。

$.fn.equalHeight = function() {
var maxHeight = 0;
return this.each(function(index, box) {
    var boxHeight = $(box).height();
    maxHeight = Math.max(maxHeight, boxHeight);
}).height(maxHeight);
};

http://jsfiddle.net/vVsAn/5505/

3 个答案:

答案 0 :(得分:2)

请检查您的问题已修复的以下网址。

CSS

.equalheightz{
  background-color:#fff;
  padding:5px;
  margin:5px;

}
.phide{
  display:none;
}
h3{
  font-size:25px;
  color:#333;
  padding-bottom:5px;
}
p{
  color:#333;
  padding-bottom:5px;
}

JS:

   $(document).ready(function() {
   $('.blok1show').click(function(){
     $(this).parent().find('.phide').slideToggle('fast');

   });
});

http://jsfiddle.net/vVsAn/5506/

答案 1 :(得分:0)

您可以使用以下方法获取CSS属性:

do.call(rbind, datf)

您可以将其保存到变量或其他内容。

答案 2 :(得分:0)

 $(#YOUR-DiV).style.minHeight = "100px";

http://www.w3schools.com/jsref/prop_style_minheight.asp