详细问题描述
在一个页面同时又checkbox与modal时，当弹出modal后，再关闭，再点击checkbox，再次弹出modal，而不是改变checkbox。
重现步骤
1.点击A标签，弹出modal，再关闭modal。
2.点击checkbox。
[结果]弹出modal，checkbox状态没变。
[期望]checkbox状态改变，不弹出modal。
运行环境
[系统版本] Android和IOS
[浏览器版本]最新版微信内置
[IDE版本]7.3.1.20
[mui版本]Mui v3.1.0
附件
[代码片段]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--标准mui.css-->
<link rel="stylesheet" href="../css/mui.min.css">
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">checkbox（复选框）</h1>
</header>
<div class="mui-content">
<h5 class="mui-content-padded">图标左对齐</h5>
<form class="mui-input-group">
<div class="mui-input-row mui-checkbox mui-left">
<label>同意</label>
<input name="checkbox" value="Item 1" type="checkbox" >
</div>
<div class="mui-input-row mui-checkbox mui-left">
<a href="#modal">Modal服务条款</a>
</div>
</form>
</div>
<div id="modal" class="mui-modal">
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-icon-close mui-pull-right" href="#modal"></a>
<h1 class="mui-title">Modal服务条款</h1>
</header>
<div class="mui-content" style="height: 100%;">
<p class="mui-content-padded">The contents of my modal go here. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
</div>
</div>
</body>
<script src="../js/mui.min.js"></script>
<script>
mui.init();
</script>
</html>[安装包]
联系方式
[QQ]345493665
[电话]
1 个回复
Think_Wang
确定此为mui的bug，规避方式为，用js控制modal显隐，不用a标签hash既可避免此bug。