在某些面板上不顯示側面菜單

Question

有沒有辦法在英特爾的App Framework 2.0 UI上不使用某些面板上的側面菜單？ 我有一個通過<nav>標記定義的側菜單，但是我只想在某些面板上顯示它。

Answer 1

您可以使用$.ui.disableSideMenu();類的任何選項$.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>

在面板之間切換時，它將在兩個導航之間切換。 請注意，除非您指定data-nav="none" ，否則標記/ DOM中的第一個將成為默認值，這將“隱藏”該面板的導航。 我遇到的問題是，如果您使用的是平板電腦或更大的平板電腦，則媒體查詢仍然會用藍色列填充導航欄所在的空間。

您必須使用$.ui.disableSideMenu();在javascript中禁用該部分$.ui.disableSideMenu(); 函數調用（您可以使用$.ui.enableSideMenu();還原它）。

您還可以使用數據屬性來影響每個面板顯示的頁腳和頁眉。 同時，您可以將那些屬性保留給使用默認值的面板。

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

Answer 3

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