我的网站上有两个标签部分,在页面加载后添加。我通过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
?
修改:两件事。
答案 0 :(得分:0)
我能够解决我的问题。在Zurb的Github中解决了这些问题之后,我发现了一个半相关问题,该问题已在最近的拉取请求中修复。
我一时兴起将它合并到我的代码中,它解决了这个问题。
见这里:https://github.com/seantimm/foundation/commit/7af78ddbcc5a516eafed588e7c17d90bee115567