Question

     <div class="container">
      <div id="freewall">
      <div class="grid-container">
        <div class="grid-tile">

          <a class="overlay" href="/portfolio/${portfolio.id}">
           ...
          </a>
          <img src="${portfolio?.coverImage()}" width="100%" />

          </div>
         <div style="border:1px solid red;">
          <p class="title">${portfolio.title}</p>
          <p class="owner">by ${portfolio.ownerName}</p>
</div>
        </div><!--end grid container-->

        ...repeat container...
        </div>

        </div>

JS

wall.reset({
                selector: '.grid-designer-container',
                animate: true,
                cellW: 255,
                cellH: 'auto',
                delay: 0,
                gutterY: 15,
                gutterX: 15,
                fixSize: null,
                onResize: function() {
                    wall.fitWidth();
                    wall.refresh();
                    wall.fitHeight(height);
                }
            });

            wall.fitWidth();

使用freewall.js布局网格。我注意到的问题是高度不是根据div（图像和文本）计算的，导致图像之间的间隙间隔不一致。知道为什么吗？

感谢帮助。

更新

cellH: function(){
    var height = $('grid-container').height();
    return height;

它不起作用：（

Answer 1

我可以在代码中看到一些错误。我不知道它是错字还是实际错误

但是看到你写的这个函数：

cellH: function(){
var height = $('grid-container').height();
return height;

在这个函数中，你使用了像元素一样的网格容器，但在你的html中它是一个类，所以通过将你的函数改为下面：

cellH: function(){
var height = $('.grid-container').height();//adding a dot(.) before grid-container
return height;

为什么高度计算不正确？

1 个答案: