Html 移动混合应用覆盖问题_Html_Css_Ibm Mobilefirst_Hybrid Mobile App

Html 移动混合应用覆盖问题

html css ibm-mobilefirst

Html 移动混合应用覆盖问题,html,css,ibm-mobilefirst,hybrid-mobile-app,Html,Css,Ibm Mobilefirst,Hybrid Mobile App,在混合移动应用程序中，页面覆盖存在问题。我们在页面上有几个位置相对的按钮，点击一个按钮覆盖页面就会显示一个日期选择器，它有一个固定的位置问题是，当我们用日期选择器选择日期并单击set按钮来设置日期时，页面后面的按钮也会触发click事件我们为覆盖层提供了更高的z索引。这同样适用于桌面浏览器，但不适用于移动设备感谢您的帮助更新： Worklight版本5.0.6.1 设备安卓4.0.4-索尼xperia 它不是在“浏览器”上运行，而是在浏览器外壳（worklight hybrid app）

在混合移动应用程序中，页面覆盖存在问题。我们在页面上有几个位置相对的按钮，点击一个按钮覆盖页面就会显示一个日期选择器，它有一个固定的位置

问题是，当我们用日期选择器选择日期并单击set按钮来设置日期时，页面后面的按钮也会触发click事件

我们为覆盖层提供了更高的z索引。这同样适用于桌面浏览器，但不适用于移动设备

感谢您的帮助

更新： Worklight版本5.0.6.1 设备安卓4.0.4-索尼xperia

它不是在“浏览器”上运行，而是在浏览器外壳（worklight hybrid app）中。

日期框是另一个元素的子元素吗？在这种情况下，这些按钮永远不会在Android Xperia浏览器上工作。相反，您应该将日期框直接放在

元素中（这样日期框元素的父元素就是

），并且它可以工作

我猜你的日期框放在这样的地方：

<body>
    <div>
        <div>
            <div id='datebox'>
                <table style='position:fixed;...'>Your date box...</table>
            </div>
            ...
        </div>
    </div>
</body>

<body>
    <div>
        <div>
            ...
        </div>
    </div>
    <div id='datebox' style='position:fixed;'>
        <table style='...'>Your date box...</table>
    </div>
</body>


你的约会盒。。。
...

您应该移动日期框，以便

元素是它的父元素，如下所示：

<body>
    <div>
        <div>
            <div id='datebox'>
                <table style='position:fixed;...'>Your date box...</table>
            </div>
            ...
        </div>
    </div>
</body>

<body>
    <div>
        <div>
            ...
        </div>
    </div>
    <div id='datebox' style='position:fixed;'>
        <table style='...'>Your date box...</table>
    </div>
</body>


...
你的约会盒。。。

您是否使用任何框架？您能生成一个测试用例应用程序吗？正在使用jQuery框架。通常我们使用的是日期选择器。@hndabbi顺便说一句，最近我遇到了与您和我刚刚找到的解决方案完全相同的情况。