离子和科尔多瓦-css活动不工作在Android设备

Question

我使用cordova平台的离子框架。对元件的激活状态的CSS（DIV，按钮或）在浏览器开发/测试期间工作正常，但不是在所有在机器人设备/仿真器

我已经定义了一些类

.bg-dark { 
background: #333333 !important; 
} 

.bg-active-darkBlue:active { 
background: #16499a !important; 
} 

和以下HTML

<a class="fg-white bg-active-darkBlue button" style="background-color:#3B5998;">Sign in with Facebook</a> 

甚至试过这种（上了车离子论坛）

<a ng-mousedown="class='bg-active-darkBlue'" ng-mouseup="class='bg-dark'" menu-close class="fg-white {{class}}">Sign in with Facebook</a> 

尝试了一个，div和button标签。 仍然不能在android上运行，只能在浏览器中运行，请帮助。

Answer 1

根据经验，角度ng-mousedown和ng-mouseup事件在移动设备上不会启动。我的经验是iOS上的离子1.6.4。

但是，on-touch和on-release的工作完美无瑕。因此，只需分别将ng-mousedown和ng-mouseup分别替换为on-touch和on-release。

<a on-touch="class='bg-active-darkBlue'" on-release="class='bg-dark'" menu-close class="fg-white {{class}}">Sign in with Facebook</a>

这里是pointer对on-touchon-release和事件离子参考文档。

希望这有助于..

Answer 2

显然，这样做的“正确”的方式是根据 phonegap-tips.com是在元素上添加一个ontouchstart="return true;"。

例如。

<a class="bg-active-darkBlue" ontouchstart="return true;">:active now works in cordova</a> 

这对我很有用，所以我希望它也适用于您。