使用 Foundation data-equalizer 后如何获取元素的高度？

Question

我正在尝试使跨度与另一个 div 的高度相同，后者与 great-grandparent 处于同一水平。结构如下：

<div class="row" data-equalizer>
  <div class="slider-left" data-equalizer-watch>
    ...
  </div>
  <div class="slider-image-wrap" data-equalizer-watch>
    <div class="bx-wrapper">
      <div class="bx-viewport">
        <ul class="slider-images">
          <li>
            <img ... >
            <span class="stretch-bg">
            </span>
            ...
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

所以img标签被隐藏了，真正的滑块图片是span的背景。在.slider-leftdiv中还有其他内容，我想使span和.slider-left一样高。但是 $('.slider-left').height() 不会 return div 在 data-equalizer 改变它之后的高度。我试图将该代码放在页面的最底部，但没有用。任何人都知道如何做到这一点？非常感谢！

Answer 1

你试过回调吗？

$(document).on('after-height-change.fndtn.equalizer', function(){
  $('.slider-left').height();
});

您可以在这里找到更多信息：http://foundation.zurb.com/docs/components/equalizer.html

使用 Foundation data-equalizer 后如何获取元素的高度？

How to get the height of an element after using Foundation data-equalizer?

html

jquery

zurb-foundation