0

我正在使用一个带有标签的模态对话框。我正在使用 appframework 和 appui,为 android 构建 apk。xdk 更新后,我再次构建我的代码,突然我的选择菜单总是出现在模式对话框下。我什么都没改变。无论我做什么,这种情况都会发生,但主要是在三星设备或任何运行安卓棒棒糖的设备上。内置纹波仿真器也是如此。就这个问题而言,我束手无策。我也尝试过使用人行横道进行建设。我尝试设置选择菜单和模式面板的 z-index。没有任何效果。如果我停止面板为模态,一切都很好,但这不是一个选项,客户端不会接受任何没有模态对话框的东西。

这可能与应用程序 ui 代码库中的 af.selectBox.js相关吗

我不在乎我是否必须使用肮脏的黑客,我只想修复它!

这是我的问题的样子。完全相同的事情发生在真实设备上,具有真实的 BUILDOUT,以及在人行横道应用程序预览中。 在此处输入图像描述

这是选择元素。

<select class="wide-control" id="select_timeout">
    <option value="15">15 Mins</option>
    <option value="30">30 Mins</option>
    <option value="45">45 Mins</option>
    <option value="60">1 Hour</option>
    <option value="75">1 Hour 15 Mins</option>
    <option value="90">1 Hour 30 Mins</option>
    <option value="105">1 Hour 45 Mins</option>
    <option value="120">2 Hours</option>
    <option value="135">2 Hours 15 Mins</option>
    <option value="150">2 Hours 30 Mins</option>
    <option value="165">2 Hours 45 Mins</option>
    <option value="180">3 Hours</option>
</select>

这是我声明我的模态面板的方式:

<div class="upage panel" data-modal="true" data-load="enterSettings" data-unload="leaveSettings" id="page_settings" data-footer="none">

这一切都在一天前完美运行,没有更改代码。

4

1 回答 1

0

我的天啊!知道了。这是修复

#afui #afui_modal{
    z-index: 4000 !important; /*set to something other than 9999*/
}

知道这是 z 顺序问题

于 2014-12-08T09:53:27.477 回答