基础部分(标签)不能正常回流

时间:2013-10-16 14:25:09

标签: html backbone.js zurb-foundation

我的网站上有两个标签部分,在页面加载后添加。我通过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%应用于它们并重叠(因此您只能看到“帮助”标签的原因)并且标签会覆盖“预览”图片的顶部。

奇怪的是,在两种情况下,在Reveal Modal中,HTML完全相同。每个都应用相同的JS。有谁知道为什么我的某个部分会获得data-section-resized而其他部分获得data-section-small-size

修改:两件事。

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

1 个答案:

答案 0 :(得分:0)

我能够解决我的问题。在Zurb的Github中解决了这些问题之后,我发现了一个半相关问题,该问题已在最近的拉取请求中修复。

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

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