按照这个帖子http://ask.dcloud.net.cn/question/20617尝试让popover居中
var pop = document.getElementById("fondLoan");
var mask = mui.createMask(function() {
console.log('ok');
popover.classList.remove('mui-active');
});
// 显示
mui('#fond')[0].addEventListener('tap', function() {
mask.show(); //显示遮罩
pop.classList.add('mui-active');
})
但是发现一个奇怪的问题,弹出时,只能显示遮罩,弹出层内容无法显示,通过控制台发现,pop的mui-active没有加上去,感觉上是加上去会被立即移除。如果pop.classList.add('anyClass')的话,mui-active会和mui-active都会成功加上去,但是同时会增加行内样式,导致popover不能居中显示。
这是控制台的截图,可以看到,遮罩成功弹出后,mui-active被没有被加上去,要怎么解决这个问题呢?