jQuery add variable

Question

I found a script here that equalizes the height of divs in a row (bootstrap). How do you add 20 for instance to the new height it calculates?

Here is the script and a jsFiddle: http://jsfiddle.net/MVP3C/

$('.well, .alert').height(function () {
    var h = _.max($(this).closest('.row').find('.well, .alert'), function (elem, index, list) {
        return $(elem).height();
    });
    return $(h).height();
});

Andrew Sklyarevsky · Accepted Answer · 2012-07-12 05:40:37Z

2

Try the following snippet:

var HeightIncrement = 20; // the increment you need

var h = _.max($('.row').
    find('.well, .alert'),
    function (elem, index, list) {
        return $(elem).height();
    });
var maxHeight = $(h).height();

$('.well, .alert').height(function () {
    return maxHeight + HeightIncrement;
});

In essence, it is just needed to calculate the common height beforehand (the maxHeight variable), and then run the .height(...) function with an incremented common height value.

http://jsfiddle.net/pJ8zQ/

edited Jul 12, 2012 at 5:40

answered Jul 12, 2012 at 5:33

Andrew Sklyarevsky

2,13514 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery add variable

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related