情况一
背景/需求:
做项目的时候,发现mui的时间控件picker会出现异常弹出。
在点击时间选择的div时,控件正常弹出,没有问题。有问题的是,点击其他输入框,在弹出软键盘的同时,时间控件也会随之出现(在软键盘下方,屏幕移下去时会发现)
这个情况存在于ios上,安卓机测试时暂时没有发现。
找了很久,提出此问题者寥寥。不过最后还是找到了一个类似的问答:
后来师父复现的时候也找出了问题,并给出了解决办法:
出现这个bug的时候都是没有点“确定”,直接点控件外部或者取消。
dtpicker.show(function(e) {
XXX
dtpicker.dispose()
});
(show里面调用的dispose() 指的是点击“确定”之后,将控件销毁)
直接点控件外部或者取消,这样控件其实是被隐藏了,而没有被销毁。
解决的办法是在 hide 里加一行 self.dispose()
然后把dispose 里的 self.hide() 注释掉。(不然两者会调来调去...
情况二
出现的问题:
测试时发现,有时先点击输入项,再点击时间控件,时间控件异常,会同时弹出2个。
后来发现:
在点击日期控件后,无论是直接失去焦点还是“确定”,在点击输入框并失去焦点后都会闪现出时间控件。
如果先前没有点击日期控件,则在输入框失去焦点时不会闪现。
想着时间控件在失去焦点时可能还是没有被销毁。
于是在mui的picker.js中做了些修改:
我把每一个addEventListener('tap',function(){
self.hide();
},false);
self.hide()后面都加了dispose()
然后控件是不会重复跳出来了,但是单个控件会跳得老高。目前还没有找到解决方法。
等找到了再补充。