javascript - Windows Phone 8.1 WinJS Appbar 禁用属性不起作用

Question

我正在尝试隐藏(禁用)appBar，以便它不会显示在我的应用程序的页面上。但是，disabled 属性似乎不起作用，或者我的语法已关闭。我尝试过这样使用它:

<script>
    var disabled = appBar.disabled;
    appBar.disabled = disabled;
</script>

和

<script>
    var disabled = appBar.disabled;
    appBar.disabled = true;
</script>

但 appBar 仍然可见。在这两个实例中，我都将脚本放置在 HTML 的正下方:

<!-- BEGINTEMPLATE: Template code for an app bar -->
<div id="appBar" data-win-control="WinJS.UI.AppBar" data-win-options="{closedDisplayMode:'minimal', disabled: false}">
    <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdAbout', label:'about...', section:'selection'}"></button>
</div>
<!-- ENDTEMPLATE -->
<div id="statusMessage"></div>

<script>
    var disabled = appBar.disabled;
    appBar.disabled = true;
</script>

我做错了什么？

Answer 1

你是否正确初始化了appBar变量？它没有在您的代码片段中定义。试试这个方法，至少在我的应用程序中有效。

<script>
(function(){
    var appBar = document.getElementById("appBar");
    if(appBar.winControl) {
        appBar.winControl.disabled = true;
    }
}());
</script>

另外，不要忘记 WinJS.UI.processAll 是异步运行的，因此您的脚本不能仅放置在 HTML 标记之后，它仅在 AppBar 时才起作用> 已经创建。