Android 4.3和PhoneGap,无法点击链接

时间:2013-12-05 20:08:55

标签: android jquery cordova

我在Galaxy Note 3上使用PhoneGap 2.9。我的布局类似于Facebook mobile。它有一个从左侧滑出的导航栏。我遇到的问题是,当导航栏的按钮超出屏幕大小并需要滚动时,它们无法被点击。也就是说,它们不执行预期的功能,并且点击/点击事件不会触发。导航栏仍然响应滑动,然后正确滚动。

它几乎就像按钮的父元素(HTML nav元素)正在接收触摸事件一样,但是某种想象的墙壁会阻止子元素被点击。任何指针都会受到赞赏。

编辑:在eclipse中我注意到我得到了一些我没有用4.2.1或Android 4.2.2获得的输出

WebViewInputDispatcher blockWebkitDraw
WebViewInputDispatcher blockWebkitDraw lockedfalse
webview                blockWebkitViewMessage = false

编辑:我注意到导航栏上的顶部按钮是可点击的,但只在其上边缘/边框区域。

2 个答案:

答案 0 :(得分:15)

事实证明,这很容易通过旧的CSS转换技巧解决,似乎可以治愈所有的Androids webview弊病。我刚刚将这个css类添加到滚动导航栏中:

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

答案 1 :(得分:1)

我尝试了另一个答案(修改了css但它不起作用) 然后我建议我开始使用javascript到webview,这个工作

WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);