Estou com um pequeno script jQuery para ao carregar a página, é feito um cálculo baseado na altura de uma div
e depois adiciona-se uma margem pelo resultado obtido.
O problema é que não está pegando o valor da altura dessa div
. No caso, não existe CSS pré-determinando a altura dela, então a altura varia de acordo com seu conteúdo.
Código jQuery que estou usando:
$(window).load(function(){
var alturaDivTxt2 = $(".slide-txt").height();
var autoH2 = $(".autoH-banner").css("height");
var alturaDoBanner2 = (autoH2.replace("px","") / 2) + 60;
var alturaTxtFinal2 = alturaDoBanner2 - alturaDivTxt2;
alert('div: '+alturaDivTxt2+' banner: '+alturaDoBanner2+' final: '+alturaTxtFinal2);
$(".slide-txt").css({ "margin-top": +alturaTxtFinal2+"px" });
});
Coloquei aquele alert
apenas para visualizar se os dados estavam sendo processados corretamente.
O valor da alturaDivTxt2
retorna zero.
O que pode estar errado? Eu já tentei por essa function dentro do $(document).ready()
mas mesmo assim não funciona. Também já tentei usar .innerHeight()
e outros derivados, sem sucesso.
$(window).load
mude para$(document).ready
ou$(function(){/*seucodigo*/});
– Diego Vieira 1/10/14 às 14:07$(document).ready
, mesmo assim não funcionou. – Ricardo 1/10/14 às 14:08