Question

我的应用程序基于以下库运行：

jQuery版本：1.9.1 jQuery Mobile版本：1.3.1

我制作了一张包含4个可点击单元格的表格：

当我在Phonegap中构建我的应用程序时，这些选项卡在iOS和Android 4.4上正常运行，但是不适用于Android＆lt; 4.4。

单击这些单元格时，没有任何反应。我必须保持data-position =“fixed”data-tap-toggle =“false”，就好像我将其删除一样，标签已折叠。

任何人都遇到同样的问题？很抱歉，如果我没有输入所有代码，因为它是一个大型项目。

<div class="sortbar" data-position="fixed" data-tap-toggle="false">
<table style="background-color:#555;border:none;">
    <tbody>
        <tr id="tick_top_menu">
            <td width="25%" onclick="alert('1')">tab1</td>
            <td width="25%" onclick="alert('2')">tab2</td>
            <td width="25%" onclick="alert('3')">tab3</td>
            <td width="25%" onclick="alert('4')">tab4</td>
        </tr>
    </tbody>
</table>

.sortbar {


padding: 0px;


width: 100%;


left: 15px;


top: 64px;


height: 100px;


}

Answer 1

最后，我发现这与硬件加速有关。

通过在导航div上应用以下CSS解决了我的问题：

.androidpaintfix {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0, 0, 0);
}

Android 4.1 4.2导航选项卡没有响应（包括解决方案）

1 个答案: