Eyl
20

Jquery ile div taglarinin yüksekliklerini ayarlamak

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…

Yorum Yapın

 

Twitter'dan Takip Et! Twitter'dan Takip Et!

Etiketler

Son Yazılar

Son Yorumlar

Haftanın Özlü Sözü

Akıllı bir adam yalnız kendi tecrübelerinden, çok akıllı bir adam başkalarının da tecrübelerinden yararlanır. (Çin Atasözü)

Bağlantılar

Arşivler