Щелкните правой кнопкой мыши на 20% пространства, которое вы оставили в нижней части страницы. Держу пари, что появится панель приложения. Когда вы проводили пальцем внизу, вы касались родительской страницы, чтобы появилась панель приложений, но когда вы щелкаете правой кнопкой мыши в фрейме, щелчок правой кнопкой мыши не обнаруживается как событие на родительской странице, поэтому панель приложений не появляется.
В этих сценариях вам придется использовать навигацию по фрагментам, а не навигацию по фрейму, которую вы использовали.
EDIT:
Предположим, что html находится в теге body файла default.html.
"contentHost" div будет там, где вы загрузите свои страницы (даже начальную страницу)
Панель приложений также будет присутствовать на этой странице.
<div id="contentHost">
</div>
<div id="trafficTipsAppBar" data-win-control="WinJS.UI.AppBar" data-win-options="{position:'bottom',transient:true,autoHide:0,lightDismiss:true}">
<div class="win-right">
<button class="win-command" id="settingsButton">
<span style="background-image: url('images/smalllogo.png')" class="win-commandicon"></span>
<span class="win-label">Settings</span>
</button>
</div>
</div>
Файл default.js будет выглядеть следующим образом.
Вы можете использовать «навигацию» как есть.
Также включите эту строку WinJS.Navigation.addEventListener ('Navigation', Navigation);
Вы заметите, что WinJS.Application.onmainwindowactivation мы перемещаемся к фрагменту "main.html" , это начальная загрузка. Вы можете создать это, используя «Добавить новый элемент»> Фрагмент.
Кроме того, когда мы нажимаем кнопку «настройки» на панели приложений, мы переходим к «settings.html» фрагмент
(function () {
'use strict';
// Uncomment the following line to enable first chance exceptions.
// Debug.enableFirstChanceException(true);
document.addEventListener("DOMContentLoaded", function () {
WinJS.UI.processAll();
}, false);
WinJS.Application.onmainwindowactivated = function (e) {
if (e.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch) {
WinJS.Navigation.navigate('main.html');
var settingsButton = document.getElementById('settingsButton');
settingsButton.addEventListener('click', function () {
WinJS.Navigation.navigate('settings.html');
});
}
}
function navigated(e) {
WinJS.UI.Fragments.clone(e.detail.location, e.detail.state)
.then(function (frag) {
var host = document.getElementById('contentHost');
host.innerHTML = '';
host.appendChild(frag);
document.body.focus();
WinJS.Application.queueEvent({
type: 'fragmentappended',
location: e.detail.location,
fragment: host,
state : e.detail.state
});
});
}
WinJS.Navigation.addEventListener('navigated', navigated);
WinJS.Application.start();
})();