zurb.foundation 和消失的元素

Question

我在我的应用程序中使用 Foundation 和部分选项卡。

我遇到了一些奇怪的行为：有时在网站加载时选项卡不会显示。我不确定是不是因为浏览器高度太低，因为在我增加窗口大小后，标签会出现。

发生这种情况时，以下原始 HTML 代码：

<div data-section="auto" class="section-container-auto tabs">

被这个替换（当标签变得可见时）：

<div data-section="auto" class="section-container-auto tabs" style="min-height: 51px;" data-section-resized="true">

为什么会这样？无论浏览器窗口高度如何，我都想显示选项卡。这是一个错误还是基金会的正常行为，我应该如何解决它？

Answer 1

我今天早些时候遇到了同样的问题。

添加这一行：

$(this).foundation('section', 'reflow');

在我的 $(function() {} 里面似乎已经为我解决了这个问题。