html - 在某些面板上不显示侧边菜单

Question

有没有办法在英特尔的 App Framework 2.0 UI 上不使用某些面板上的侧边菜单？我有一个通过<nav>标签定义的侧边菜单，但我只想在某些面板上显示它。

Answer 1

您可以使用任何选项，例如，或$.ui.disableSideMenu();在您不希望它看到侧面板的面板上。$.ui.slideSideMenu=false;data-nav="none"

Answer 2

要为每个面板设置不同的导航，您可以使用“导航”数据属性：

<nav id="nav1"> ... </nav>
<nav id="nav2"> ... </nav>

<div id="content">
    <div id="panel1" class="panel" data-nav="nav1"> ... </div>
    <div id="panel2" class="panel" data-nav="nav2"> ... </div>
</div>

当您在面板之间切换时，它将在两个导航之间切换。请注意，标记/DOM 中的第一个成为默认值，除非您指定data-nav="none"哪个将“隐藏”该面板的导航。我遇到的问题是，如果您使用的是平板电脑或更大的平板电脑，媒体查询仍会用蓝色列填充导航所在的空间。

您必须使用$.ui.disableSideMenu();函数调用在 javascript 中禁用该部分（您可以使用 恢复它$.ui.enableSideMenu();）。

您还可以使用数据属性来影响每个面板显示的页脚和页眉。同时，您可以将这些属性留给将使用默认值的面板。

http://app-framework-software.intel.com/documentation.php#afui/afui_panels

Answer 3

data-nav="none"在您不希望它出现的面板上使用。