javascript - 没有 FlexNav

Question

我正在使用 FlexNav .顶级菜单项的宽度在演示中设置为 20%，因此针对五个顶级菜单项进行了优化。

.flexnav li {
    .
    .
    .
    width: 20%;
}

在我的菜单中，顶级菜单项文本的长度不同，子元素(第 2 级)比它们的父元素更宽。我试图使菜单更加灵活，因此没有必要定义顶级菜单项的宽度。但是如果不固定菜单就不能正常工作。有什么想法吗？

Answer 1

代码如下:

<script type="text/javascript">
$(document).ready(function(){
    $(".flexnav").flexNav({ 'calcItemWidths' : true });
});
</script>

<ul class="flexnav" data-breakpoint="800">
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
    <li>Menu Item 3</li>
    <li>Menu Item 4</li>
    <li>Menu Item 5</li>
    <li>Menu Item 6</li>
</ul>

当您将选项 calcItemWidths 设置为 true 时，插件应该计算菜单项的宽度。