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中的渲染是否正确: