그리드 컨테이너의 높이를 어떻게 얻습니까?

Question

var height = $('.grid-container').data('height'); 
console.log(height); 
<div class="grid-container" id="8-2" data-delay="8" data-position="row1" data-height="217" data-width="253" data-state="start" style="position: absolute; -webkit-transition: width 0.5s, height 0.5s; transition: width 0.5s, height 0.5s; opacity: 1; width: 256px; left: 0px;"> 

반환 값이 없습니다. 어떻게 그것이 정의되지 않은 상태로 되돌아 왔는가?

은 도움말 freewall 내가 밖으로 제대로 그리드를 배치 할 데이터 높이에서 높이를 얻기 위해 노력하고 사용

업데이트

wall.reset({ 
       selector: '.grid-container', 
       animate: true, 
       cellW: 255, 
       cellH: function(){ 
        var height = $('.grid-container').data('height'); 
        return height; 
       }, 
       delay: 0, 
       gutter: 15, 
       onResize: function() { 
        wall.fitWidth(); 
        wall.refresh(); 
       } 
      }); 

감사. 당신은 이미지가 서로에 가까운 것으로 볼 감사

업데이트 # 2

http://jsfiddle.net/LSqbH/1

도움이 - 그것은 http://vnjs.net/www/project/freewall/example/pinterest-layout.html와 같은 모양을 가져야한다.

내가 잘못 된 곳이 확실하지 않습니다.

도움 감사.

Answer 1

높이()을보십시오 :

var height = $('.grid-container').height() 

Answer 2

귀하의 코드는 데이터 높이를 얻기를위한 올바른 것입니다. 올바른 위치 (div가로드되지 않은 경우)에서 호출하지 않았을 가능성이 큽니다. 문서 준비에 코드를 작성하십시오.

$(document).ready(function(){ 
var height = $('.grid-container').data('height'); 
console.log(height); 

})