如何获得网格的高度-容器？

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;">

返回未定义的。它怎么会返回未定义的？

助赏

更新

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

您的代码对于获取数据高度是正确的。您很可能没有在正确的位置调用它(即，在未加载div时)。准备好在文档上编写代码。

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

})

Answer 2

试着用高度()：

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