离子和科尔多瓦-Css Active在Android设备上不起作用

Question

我正在cordova平台上使用离子框架。 元素（div，按钮或a）的活动状态的css在开发/测试过程中在浏览器中工作正常，但在android设备/模拟器中则根本不工作

我已经定义了一些类

.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>

尝试使用a，div和button标签。 仍然无法在android上运行，仅在浏览器中有效，请帮助。

Answer 1

根据经验，角度ng-mousedown和ng-mouseup事件不会在移动设备上触发。 我的经验是在iOS上使用ionic 1.6.4。

但是，触摸和释放功能都可以完美运行。 因此，只需分别用on-touch和on-release替换ng-mousedown和ng-mouseup 。

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

这是on-touch和on-release事件的离子参考文档的指针 。

希望这可以帮助..

Answer 2

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

例如。

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

那对我有用，所以我希望对您也有用。