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

Question

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

Answer 1

讓每個面板不同的導航，你可以使用「導航」數據屬性：

<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();函數調用（可以使用$.ui.enableSideMenu();恢復它）來禁用javascript中的該部分。

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

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

Answer 2

使用data-nav="none"面板上，你不希望它出現。

Answer 3

您可以在不希望它看到側面板的面板上使用像$.ui.disableSideMenu();或$.ui.slideSideMenu=false;或data-nav="none"這樣的任何選項。