首页 > 代码库 > [Phonegap+Sencha Touch] 移动开发19 某些安卓手机上弹出消息框 点击后不消失的解决办法

[Phonegap+Sencha Touch] 移动开发19 某些安卓手机上弹出消息框 点击后不消失的解决办法

Ext.Msg.alert等弹出框在某些安卓手机上,点击确定后不消失。

原因是:

消息框点击确定后有一段css3 transform动画,动画完成后才会隐藏(display:none)。有些奇葩手机就是不一样。


解决办法就是禁用消息框的动画: 

方法一:

在app.js的launch方法里面加上

Ext.Msg.defaultAllowedConfig.showAnimation = false
Ext.Msg.defaultAllowedConfig.hideAnimation = false


方法二(这个估计会禁用掉很多地方的动画效果):

在app.js的launch方法里面加上

Ext.define(‘Ext.Component‘, {
    override: ‘Ext.Component‘,
    show: function (animation) {
        return this.callParent([false]);
    },
    hide: function (animation) {
        return this.callParent([false]);
    }
});