Rhinoslider每页/幻灯片的高度各不相同

Question

我使用rhinoslider作为滑动页面。每个页面都有不同的内容，因此高度不同。目前，我在设置每页的高度方面遇到了困难。如果我没有将#slider设置为具有固定高度，那么它将具有所有页面的高度，这是高的方式。我知道，我可以手动为每个页面设置，但是我们可以设置任何方式可以在滑动到下一页之前，检测下一个项目高度或其他东西。

这是我的HTML：

<div class="container">
        <div id="slider">
            <div class="form-step"></div>
            <div class="form-step"></div>
            <div class="form-step"></div>
        </div>
</div>

这是我的css：

#slider {
  width: 100%;
  height: 1000px;
  background-color: #FFF;
  color: #545454;
}

这是我的js，我想在clickin next-btn上做点什么：

$('#next_btn').live("click",function(){
     // get height of next rhino-item or something
}

我一直试图获得下一页的高度但总是返回null。

有人可以帮忙吗？感谢。