0

我的网站上有两个选项卡部分，它们是在页面加载后添加的。我正在backbone.js像这样“重排”它们：

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

其中之一按预期出现。生成的 HTML 是：

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

另一个得到不同的data-sections应用，并且无法正确显示。

<div class="section-container auto" data-section="" data-section-small-style="true">

这是错误行为的屏幕截图：http: //imgur.com/9ozNvNC

所有选项卡都已width: 100%应用到它们并重叠（因此您只能在那里看到“帮助”选项卡），并且“预览”图像的顶部被选项卡覆盖。

奇怪的是，HTML 完全相同，在两种情况下都在 Reveal Modal 中。相同的 JS 被应用于每个。有谁知道为什么我的一个部分会得到data-section-resized而另一个得到data-section-small-size？

编辑：两件事。

  1. 我忘了说，这是 Zurb Foundation 4.3.2
  2. 如果我调整窗口大小，它会自动正确显示......所以我想如果我可以运行“窗口调整大小”Zurb 代码，那将解决我的问题。
4

1 回答 1

0

我能够解决我的问题。在浏览了 Zurb 的 Github 中的问题后，我发现了一个半相关的问题，该问题已在最近的拉取请求中得到修复。

一时兴起，我将它合并到我的代码中，它解决了这个问题。

见这里：https ://github.com/seantimm/foundation/commit/7af78ddbcc5a516eafed588e7c17d90bee115567

于 2013-10-16T14:58:24.713 回答