Я разрабатываю мобильное приложение с помощью приложения Intel App Framework. Я хочу, чтобы все это приложение было на одной странице, что, по моему мнению, эффективно, чем многостраничное приложение.
Поэтому мои страницы идут примерно так.
<div id="page_1">
<a href="#page_2">
</div>
<div id="page_2">
Page 2 content
</div>
Итак, здесь divs page_1 и page_2 содержат свой контент, и они связаны на других страницах как ссылка или через кнопку.
В инфраструктуре Intel есть встроенная панель боковой навигации, которая простирается слева на рабочем столе или планшете.
Я хочу отобразить эту навигационную панель на странице 2, но не на стр. 1.
В этом случае есть встроенная функция фреймворка приложения для удаления боковой панели навигации: $.ui.disableSideMenu();
Я пробовал эту функцию с событием onclick, например
<button onClick=" $.ui.disableSideMenu();">Remove Side Nav</button>
Он работал нормально, но как я могу применить эту функцию только на странице_1?
Вы можете использовать атрибуты data-load
и data-unload
на панели, чтобы описать функцию для отключения или включения бокового меню.
Вот рабочий пример: http://jsbin.com/isofiSe/2 код здесь: http://jsbin.com/isofiSe/2/edit
документация для панелей AFUI здесь: http://app-framework-software.intel.com/documentation.php#afui/afui_panels