问题: IOS X上 alert和confirm 不出现弹窗,直接刷新页面
效果图
image.png
html code
取消
确定
css code
/*add 190806*/
/*#conbtn{display: flex;flex-direction: row;align-items: center;flex-wrap: nowrap;}*/
#over{
width: 100%;
height: 100%;
position: fixed!important;
left: 0;
right: 0;
top: 0;
bottom: 0;
font-size: 22px;
background-color: rgba(145,152, 159, 0.5);
}
#over>div {
width: 300px;
height: 129px;
margin: 0 auto;
margin-top: 60%;
text-align: center;
padding: 1px;
background-color: white;
border-radius: 10px;
}
#content {
position: relative;
}
#close {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
cursor: pointer;
}
#over>div>h3 {
margin-top: 20px;
}
.over{
width: 100%;
height: 100%;
position: fixed!important;
left: 0;
right: 0;
top: 0;
bottom: 0;
font-size: 22px;
background-color: rgba(145,152, 159, 0.5);
z-index: 9999;
}
.over h3{ border-bottom: 1px solid #CCCCCC;padding-bottom: 20px;}
.conbtn span{width: 50%;display: block;font-size: 22px;text-align: center;padding: 10px 0;margin-top: 5px;}
.conbtn span:nth-child(1){border-right: 1px solid #CCCCCC;}
js code
var home_obj = {
//定义让模态窗口显示或隐藏的函数
showOrHidden: function (flag,u,id,str) {
// 获取到模态窗口
var over = document.querySelector('#over');
over.style.display = over.style.display == 'none' ? 'block' : 'none';
var tit = document.getElementById('tit');
tit.innerHTML = str
var cancelBtn = document.querySelector('#cancelBtn');
var sureBtn = document.querySelector('#sureBtn');
cancelBtn.onclick = function (ev){
console.log('取消');
over.style.display = over.style.display == 'none' ? 'block' : 'none';
}
sureBtn.onclick = function (ev){
// console.log('确定',ev);
// alert(flag)
if(flag == 'pay'){
console.log(u,id)
$.post("/wechat.php/xxx/?u="+u,'&id='+id,function(data){
if(data.ret == 1){
callpay(data.data, data.attach);
}else{
alert(data.msg)
}
})
}
else if(flag == 'warning'){
$.post("/wechat.php/xxx/?u="+u,'id='+id,function(data){
if(data.ret == 1){
window.location.reload()
}else{
alert('当前状态不是待发货状态');
window.location.reload()
}
})
}
else if(flag == 'shouhuo'){
$.post("/wechat.php/xxx/?u="+u,'id='+id,function(data){
if(data.ret == 1){
window.location.reload()
}else{
alert('当前状态不是待收货状态');
window.location.reload()
}
})
}
else if(flag == 'del'){
$.post("/wechat.phpxxx/",'u='+u+'&id='+id,function(data){
if(data.ret == 1){
window.location.reload()
}
})
}
else{return;}
}
},
}
//订单支付
$(document).on("click",".pay",function(){
home_obj.showOrHidden('pay',u,id,"确定支付吗?") // 弹窗
}