Jquery ile div taglarinin yüksekliklerini ayarlamak

Enes Pekkaya    JQuery     Gerekli Bilgiler, JQuery

Herkese merhaba,

Bir proje üzerinde çalışırken içeriklerin eşit olmaması yüzünden div taglerinin yüksekliklerinin birbirinden farklı olduğun gördüm. Bu yüzden yaptığım araştırmalarda adam gibi sonuçlar bulamadım. Bunun üzerine neden kendi jquery fonksiyonumu yazmıyorum diye düşündüm. 🙂

$.extend({
setEqualHeight: function(name){
var heights = [];

$(name).each(function(index) {
heights.push($(this).height());
});

var maxHeight = Math.max.apply(this, heights);

$(name).height(maxHeight);

}
});

Yukarıdaki fonksiyonu kısaca açıklamak gerekirse, ilgili bütün taglarinin yüksekliklerini alıp en fazla yüksekliğe sahip olan tagi bulup diğer taglarinde yüksekliklerini aynı yapmak.

Fonsiyonun kullanımı oldukça kolay. Yapmanız gereken sadece yüksekliklerinin eşit olması istediğiniz taglarin sınıflarını aynı yapmak.

$(document).ready( function() {

$.setEqualHeight('.equalHeight');

});

equalHeight sınıflı bütün div taglarini aynı yüksekliğe getiriyorum.

İşte bu kadar.

Herkese iyi çalışmalar…