javascript - 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);
}