Foundation <nav data-topbar> 不允许将 <section> 写入 <div>

Question

这种行为是预期的还是错误？

当使用 Zurb Foundation 5 的顶部栏组件时，呈现的 HTML 不允许我在 «div» 中放置一个 «section» 标签。我已经解决了足够多的问题，知道只有在将 data-topbar 属性添加到 «nav» 时才会发生这种情况。我能够在 «div» 中添加一个 «ul» 元素并使其正确呈现。然而，«section class="tob-bar-section"» 正在与我作对。

写入文件的标记：

<nav data-topbar="topbar">
    <div>
      <section></section>
    </div>
</nav>

浏览器呈现的标记 (FF/Chrome)：

<nav data-topbar="topbar">
    <div></div>
    <section></section>
</nav>

感谢您的帮助！

Answer 1

这可能不是最经典的解决方案，但无论我采取何种方式重写我的应用程序，这个问题都一直存在。

我没有对抗它，而是自己移动了该部分。

topBarReposition: function () {
    var topbar = $(".header_wrap .top-bar-section"),
        sibling = $(".header_wrap .row ul");

    $(sibling).after(topbar);
}

Foundation <nav data-topbar> 不允许将 <section> 写入 <div>

Foundation <nav data-topbar> disallows writing a <section> into <div>

javascript

html

zurb-foundation

custom-data-attribute