0

タグ付きのモーダル ダイアログを使用しています。私はappframeworkとappuiを使用して、Android用のapkを構築しています。xdk が更新された後、コードを再度ビルドしようとしましたが、突然選択メニューがモーダル ダイアログの下に常に表示されます。私は何も変わっていません。私が何をしても、これは一貫して発生しますが、ほとんどの場合、Samsung デバイスまたは Android lollipop を実行するもので発生します。組み込みのリップル エミュレーターについても同じことが言えます。この問題に関する限り、私は機知に富んでいます。私も横断歩道を使って構築してみました。選択メニューとモーダル パネルの z-index を設定してみました。何も機能しません。パネルをモーダルにするのをやめれば問題ありませんが、これはオプションではありません。クライアントはモーダル ダイアログ以外は何も受け入れません。

これは、アプリUIコードベースのaf.selectBox.jsに関連していますか

汚れたハックを使用する必要があるかどうかは気にしません。ただ修正したいだけです。

ここに私の問題がどのように見えるかがあります。まったく同じことが、実際のビルドアウトを使用した実際のデバイスでも、crosswalk アプリのプレビューでも発生します。 ここに画像の説明を入力

これが select 要素です。

<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">

これはすべて 1 日前に完全に機能し、コードは変更されませんでした。

4

1 に答える 1

0

ああ、神様！とった。ここに修正があります

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

それがzオーダーの問題であることを知っていた

于 2014-12-08T09:53:27.477 に答える