Question

I want to run equal columns script only for resolution over 768 of width but I’m not sure how can I do it.

This is my script:

function setEqualHeight(columns) {
   var tallestcolumn = 0;
   columns.each(function () {
      currentHeight = $(this).height();
      if (currentHeight > tallestcolumn) {
         tallestcolumn = currentHeight;
      }
   });
   columns.height(tallestcolumn);
}

$(document).ready(function () {
   setEqualHeight($(" .container > .content"));
});

Answer 1

Math.max is already provided by javascript to find the max of multiple values, so I would suggest using that. I’d also suggest creating a simple javascript plugin to do it.

$.fn.equalHeights = function () {
    if (screen.width >= 768) {
        var heights = [];
        this.each(function () {
            heights.push($(this).height());
        });
        this.height(Math.max.apply(null, heights));
    }
};

$(function () {
    $('div').equalHeights();
});​