jQuery 移动版：UI-面板内容在 Android 4.4.2 上第二次消失

Question

该错误仅出现在 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>

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

Answer 1

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

jQuery 移动版：UI-面板内容在 Android 4.4.2 上第二次消失

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

javascript

jquery

android

jquery-mobile