2014-01-24 68 views
1
 <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; 

它不工作要么:(

+0

从自动删除的报价会有所帮助。 –

+0

@C-link是指OP的js中的'cellH:'auto''吗? – Dom

+0

@Dom是的,OP使用宽度而不用引号,但是用引号使用高度,所以我只是猜测而已。 –

回答

0

我可以看到你的代码中的一些错误。我不知道,如果它的一个错字或实际误差

但看到你写的这个功能:

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; 
相关问题