基础均衡器设置高度继承?

Fog*_*ous 6 html jquery zurb-foundation

我试图让基金会的Equalizer插件工作,文档使它看起来很简单,但我已经尝试了一些使它工作的东西,但仍然无法弄清楚为什么它不起作用.

我正在打电话foundation.min.js并激活它,你可以在这里看到: 代码片段显示基金会的激活

这是我的codepen http://codepen.io/anon/pen/ByQBYx

正如您所看到的,4名员工的身高并不一致.根据我对均衡器的理解,它应该在"观察"元素上保持相同的高度.

cpo*_*rt1 16

发生这种情况的原因是因为你的div是堆叠的.您需要指定是否希望它们在堆叠时保持相同的高度.

$(document).foundation({
  equalizer : {
    // Specify if Equalizer should make elements equal height once they become stacked.
    equalize_on_stack: true
  }
});
Run Code Online (Sandbox Code Playgroud)

你的新代码:http://codepen.io/anon/pen/raWVbO

  • 如果您想单独设置它,您可以设置数据选项.例如:<div class ="row"data-equalizer data-options ="equalize_on_stack:true"> (2认同)