jQuery Mobile：UI-Panel内容在Android 4.4.2上第二次消失

Question

该错误仅在Android 4.4.2上发生。它在4.4.4和4.1.2上进行了测试，它们都没有问题。

ui-panel的所有内容都会在结束时消失。

<!--menu panel-->
<div data-role="panel" id="menuPanel" data-swipe-close="true">

    <div data-role="fieldcontain">
        <input type="search" name="searchField" id="searchField" value=""/>
    </div>

    <ul id="menu" data-role="listview">

    </ul>
</div>

内容是动态生成的，但这不是问题。它关闭，没有任何元素出现 - 即使它们是可点击的 - 它们就在那里。怎么办？

Answer 1

问题在于z-index。在z-index类的所有元素上设置inherit到.ui-panel后，将所有内部HTML文本内容放入span style="z-index: inherit"，问题就消失了。