如何使用 appframework 3 从英特尔 xdk 混合应用程序中的代码关闭左侧菜单
how to close left side menu from code in a intel xdk hybrid app using appframework 3
导航到子页面后,我想关闭左侧菜单,但应用抛出 "uib_sb is not defined"。
我该如何关闭菜单?
这是要导航的代码:
$(document).on("click", ".uib_w_5", function(evt)
{
activate_subpage("#page_83_54");
uib_sb.close_all_sidebars();
});
这是菜单:
<nav class="af-sidemenu outer-element uib_w_2" data-side="left" id="uib_w_2" data-uib="app_framework/side_menu_area" data-ver="2">
<div class="view active">
<header class="container-group outer-element uib_w_3" data-uib="app_framework/header" data-ver="3" id="af-header-1">
<h1>Prova</h1>
<div class="widget-container wrapping-col single-centered"></div>
<div class="widget-container content-area horiz-area wrapping-col header-left"></div>
<div class="widget-container content-area horiz-area wrapping-col header-right"></div>
</header>
<div class="pages">
<div class="panel active">
<div class="col uib_col_1 single-col" data-uib="layout/col" data-ver="0">
<div class="widget-container content-area vertical-col">
<ul class="list widget uib_w_4 d-margins" data-uib="app_framework/listview" data-ver="2">
<li class="widget uib_w_5" data-uib="app_framework/listitem" data-ver="2"><a>ricerca per produttore</a>
</li>
<li class="widget uib_w_6" data-uib="app_framework/listitem" data-ver="2"><a>ricerca per scheda</a>
</li>
</ul>
<span class="uib_shim"></span>
</div>
</div>
</div>
</div>
</div>
</nav>
我发现了这个:
$.afui.drawer.hide ("#uib_w_2", "left");
导航到子页面后,我想关闭左侧菜单,但应用抛出 "uib_sb is not defined"。 我该如何关闭菜单?
这是要导航的代码:
$(document).on("click", ".uib_w_5", function(evt)
{
activate_subpage("#page_83_54");
uib_sb.close_all_sidebars();
});
这是菜单:
<nav class="af-sidemenu outer-element uib_w_2" data-side="left" id="uib_w_2" data-uib="app_framework/side_menu_area" data-ver="2">
<div class="view active">
<header class="container-group outer-element uib_w_3" data-uib="app_framework/header" data-ver="3" id="af-header-1">
<h1>Prova</h1>
<div class="widget-container wrapping-col single-centered"></div>
<div class="widget-container content-area horiz-area wrapping-col header-left"></div>
<div class="widget-container content-area horiz-area wrapping-col header-right"></div>
</header>
<div class="pages">
<div class="panel active">
<div class="col uib_col_1 single-col" data-uib="layout/col" data-ver="0">
<div class="widget-container content-area vertical-col">
<ul class="list widget uib_w_4 d-margins" data-uib="app_framework/listview" data-ver="2">
<li class="widget uib_w_5" data-uib="app_framework/listitem" data-ver="2"><a>ricerca per produttore</a>
</li>
<li class="widget uib_w_6" data-uib="app_framework/listitem" data-ver="2"><a>ricerca per scheda</a>
</li>
</ul>
<span class="uib_shim"></span>
</div>
</div>
</div>
</div>
</div>
</nav>
我发现了这个:
$.afui.drawer.hide ("#uib_w_2", "left");