某些面板上没有显示侧面菜单

时间:2013-10-11 14:22:11

标签: html5 intel jqmobi appframework jqui

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

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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

<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>

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

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

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

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

答案 2 :(得分:1)

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