Question

我试图使一个跨度与另一个与其曾祖父母处于同一级别的div相同的高度。这是结构：

<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-left div中还有其他内容，我希望span与.slider-left的高度相同。但是$('.slider-left').height()在数据均衡器更改之后不会返回该div的高度。我试图将代码放在页面的最底部，但它没有用。任何人都知道如何做到这一点？非常感谢！

Answer 1

你试过回调吗？

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

您可以在此处找到更多内容：http://foundation.zurb.com/docs/components/equalizer.html

如何在使用Foundation数据均衡器后获取元素的高度？

1 个答案: