javascript - WinJS Flyout 不断关闭 - 无法单击控件

Question

我正在编写一个 Win 通用应用程序 (JS) 并实现了一个 Flyout。可通过工具栏中的按钮访问弹出窗口。弹出代码 -

<button data-win-control="WinJS.UI.Command" data-win-options="{
        id:'cmdChangeCategory',
        label:'Change Category',
        section:'selection',
        type:'flyout',
        icon:'video',
        tooltip:'Change Category',
        flyout:'changeCatFlyout'}"></button>

弹出 div -

<div id="changeCatFlyout" data-win-control="WinJS.UI.Flyout">
    <label for="ddlChangeCategory" style="display:block;clear:both;margin-top:10px">Select Category</label>
    <select id="ddlCategoryChange"></select>
    <button id="btnChangeCategory" title="Change" style="display:block;clear:both;margin-top:10px">Change</button>
</div>

单击按钮时会显示弹出窗口，看起来不错，问题是无法与弹出窗口内的控件进行交互(下拉列表是通过 JS 填充的)。每当我尝试单击下拉菜单或按钮时，弹出窗口都会关闭。我尝试过将弹出 div 设为 body 的直接子级，因为我在其他地方看到了这作为可能的解决方案。

有什么想法吗？？？

我应该在 WinJS Playground 中尝试这一点 - 让我感到沮丧!!

Answer 1

弹出窗口应该是 document.body 的直接子级。确保飞出控件没有嵌套在其他 div 中。