jQuery Mobile:UI面板内容在Android 4.4.2上第二次消失

jQuery Mobile: UI-Panel content disappears on second time on Android 4.4.2

本文关键字：Android 消失 第二次 Mobile UI jQuery      更新时间：2023-09-26

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

ui面板的所有内容在关闭时消失。

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

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

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

相关文章：