4

Opa, não estou conseguindo recolher a altura de um objeto do documento.

Tenho um slider, que funciona com ul > li (talvez seja relevante), e dentro de um slide <li>, estou colocando via javascript e c# três divs, cada uma com uma imagem dentro. O que eu preciso é recolher a altura que a imagem foi renderizada. Já tentei de várias maneiras acessar, mas parece que o javascript não consegue recolher os dados em tempo de execução...

Já tentei:

$("foo").height();
$("foo").naturalHeight(); // nesse caso eu teria uma solução "budget" para o caso
$("foo").outerHeight();

Depois de armazenar os dados, eu preciso dar um set em outra div de acordo com o resultado encontrado.

$("#noticias").css("height", fullHeight);

Já tentei também dar um timeout depois de alimentar as divs criadas pelo c#, mas também não resolveu. A questão é: Existe alguma coisa que me ajude a recolher dados em tempo de execução? Entre js e jQuery?

Agradeço qualquer sugestão.

10
  • 1
    Pode juntar um exemplo no jsFiddle? o que experimentou é correto, não percebo o que possa estar a falhar.
    – Sergio
    Commented 11/06/2014 às 20:08
  • Muito complicado, além dos dados virem do c#, como citado, estou usando bootstrap e mais o plugin do slider... Commented 11/06/2014 às 20:28
  • Tem um link live? Se não vai ser difícil... já tentou com element.offsetHeight ou element.getBouningClientRect().height ou mesmo window.getComputedStyle(element).height?
    – Sergio
    Commented 11/06/2014 às 20:30
  • 1
    Nenhum destes, vou testar estes aqui, pior que está tudo em servidor local :/ Ja posto o resultado dos testes. Commented 11/06/2014 às 20:31
  • 1
    Esta pergunta parece ser descontextualizada porque não é claro o problema e não é possível de reproduzr.
    – Sergio
    Commented 25/06/2014 às 17:20

3 Respostas 3

3

Verifique por favor se o seguinte código resolve o seu problema:

$(window).load(function() {
    console.log($("#foo").outerHeight());
});

Penso que a imagem não estará carregada no momento em que tenta calcular a altura da mesma.

1

Quando você for passar as infos em C#, passe usando a seguinte função:

string html_para_passar = "<script>$('#id').appendTo('#id_2');</script>"; //no caso aqui usando jQuery
RegisterStartupScript("", html_para_passar);
1

fiz um teste aqui p/ você, é assim que eu faço, provavelmente você não esta conseguindo executar o que quer por algum motivo "depois" de já ter setado a altura.

$('#foo').click(function(){
    var altura = $(this).height();
    $('#noticias').css('height', altura);
});
#foo{width: 150px; height: 150px; background: blue;
color: white;}
#noticias{width: 150px; height:50px; background: red;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='foo'>clique aki</div>
<br><br><br>
<div id='noticias'></div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .