##前几天做个手机端网页,但是弹窗一直是实现不了;
###现在成功了,来写个错误日记
下面展示一些 前端js代码
。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8"/>
<title>ok</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mui/3.7.1/js/mui.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/mui/3.7.1/css/mui.min.css" rel="stylesheet"/>
</head>
<body class="ui-page">
<div>
<div class="mui-content">
<div class="mui-content-padded" style="margin: 5px;text-align: center;">
<button id='confirmBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">确认消息框</button>
</div>
</div>
<script type="text/javascript" charset="utf-8">
//mui初始化
mui.init({
swipeBack: true //启用右滑关闭功能
});
//document.getElementById(<%#Eval("id")%>)
// <button id='<%#Eval("id")%>' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">删除</button>
//这是有多个数据的思路
document.getElementById("confirmBtn").addEventListener('tap', function() {
var btnArray = ['否', '是'];
mui.confirm('确认要删除吗!', '删除', btnArray, function(e) {
// 否:e.index=0;是:e.index=1;
if (e.index == 1) {
//跳转页面
window.location.href = 'WebForm3.aspx';
//window.location.href = "WebForm4.aspx?id=<%#Eval("id")%>";
} else {
}
})
});
</script>
</div>
</body>
</html>