屏幕右側的應用欄按鈕Windows 8 metro風格應用

Question

我正在開發使用html，javascript和css的metro style windows 8應用程序。

我在應用程序底部使用應用程序欄。以下是html代碼。

<div id="appbarbottom" data-win-control="WinJS.UI.AppBar" data-win-options="{layout:'custom',placement:'bottom'}"> 
    <button id="playerBut" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{section:'global',label:'Player', icon:'placeholder',type:'flyout',flyout:sportsFlyout}" type="button"></button> 

</div> 

我RAD的官方文件也表示，section:'global'將使按鈕右側。我這樣做了，但沒有效果。

我曾與section:'selection'嘗試，但仍然按鈕保持在左側

...我已經尋找替代的解決方案，但大家也說了同樣的事情，所以我怎麼能實現我的goal.Please給我一臂之力。

謝謝。

Answer 1

我從data-win-control="WinJS.UI.AppBar"的data-win-options="{layout:'custom',placement:'bottom'}

刪除'layout:custom'，它解決了我的問題。

我幾乎浪費了4個小時。

我希望這會幫助別人。

謝謝。