爲什麼高度計算不正確？

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

它不工作要麼:(

來源

2014-01-24 kittymeows

從自動刪除的報價會有所幫助。 –

@C-link是指OP的js中的'cellH：'auto''嗎？ – Dom

@Dom是的，OP使用寬度而不用引號，但是用引號使用高度，所以我只是猜測而已。 –

我可以看到你的代碼中的一些錯誤。我不知道，如果它的一個錯字或實際誤差

但看到你寫的這個功能：

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;

來源

2014-01-24 07:57:03

爲什麼高度計算不正確？

回答

相關問題