Javascript 基金会& LT;导航数据顶栏>;不允许写a<;第节>;进入<;部门>;

Javascript 基金会& LT;导航数据顶栏>;不允许写a<;第节>;进入<;部门>;,javascript,html,zurb-foundation,custom-data-attribute,Javascript,Html,Zurb Foundation,Custom Data Attribute,这是预期的行为,还是错误 使用ZURB基金会5的顶部栏组件时,所呈现的HTML不允许我在“div”中放入一个“节”标签。我已经排除了足够多的故障,知道只有将数据topbar属性添加到«nav»时才会发生这种情况。我能够在«div»中添加一个«ul»元素并使其正确呈现。然而,«section class=“tob bar section”»却在与我作对 写入文件的标记: <nav data-topbar="topbar"> <div> <secti

这是预期的行为,还是错误

使用ZURB基金会5的顶部栏组件时,所呈现的HTML不允许我在“div”中放入一个“节”标签。我已经排除了足够多的故障,知道只有将数据topbar属性添加到«nav»时才会发生这种情况。我能够在«div»中添加一个«ul»元素并使其正确呈现。然而,«section class=“tob bar section”»却在与我作对

写入文件的标记:

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

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



谢谢你的帮助

这可能不是最经典的解决方案,但不管我没有重写我的应用程序,这个问题始终存在

我没有与之抗争,而是自己移动了这个部分

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

    $(sibling).after(topbar);
}

这可能不是最经典的解决方案,但不管我没有重写我的应用程序,这个问题一直存在

我没有与之抗争,而是自己移动了这个部分

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

    $(sibling).after(topbar);
}

它在JSFIDLE中的渲染是否正确:它在JSFIDLE中的渲染是否正确: