详细问题描述
[内容]
需求:在点击同步a标签时,触发点击(tap)方法,里面的业务是,蒙版进行遮罩,同时一个div浮在上面,显示进度条;
问题:不触发tap事件时方法正常,遮罩和进度条都显示,触发tap事件后只有走debug模式时才能正常,不走debug模式,遮罩和进度条均不显示
重现步骤
[步骤]
1.给a标签添加点击(tap)事件监听;
- 业务实现:对底层进行遮罩,同时将隐藏的div显示,并且有进度条
[结果]
触发点击事件时,正常不遮罩,不显示进度条,debug模式正常
[期望]
触发点击事件直接就可以实现业务逻辑
运行环境
[系统版本]
Hbuilder 7.5.1.201610112114
[浏览器版本]真机调试Huadoo HG06
[IDE版本]
[mui版本]
附件
[代码片段]
页面:
<ul class="mui-table-view distance-both">
<li class="mui-table-view-cell">
<a href="javacript:;" id="synchronize">同步大小类</a>
</li>
</ul>
进度条的div
<div class="mui-progressbar" id="progressDiv" style="display: none;">
<h5 id="dlName"></h5>
<span style="height: 2px;" class="progressbar"></span>
</div>
js方法:
正常显示的方法:
function synchronizeDxl () {
//设置遮罩
mask.show();
//将要显示的div显示
progressDiv.style.display = "block";
mui("#progressDiv").progressbar({progress:20}).show();
}
异常显示的方法(debug模式下正常显示):
function synchronizeDxl () {
document.getElementById("synchronize").addEventListener('tap', function(){
//设置遮罩
mask.show();
//将要显示的div显示
progressDiv.style.display = "block";
mui("#progressDiv").progressbar({progress:20}).show();
}):
[安装包]
联系方式
[QQ]
[电话]
0 个回复