bui.select 在1.8版下 autoClose 无效
2023年08月03日
经过排查,是head引入的顺序不规范导致的,先有meta viewport ,然后才是css
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>BUI</title>
<meta name="format-detection" content="telephone=no" />
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,viewport-fit=cover">
<link href="css/bui.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- BUI标准结构 -->
<div class="bui-page bui-box-vertical">
<header>
<!-- 顶部固定内容 -->
<div class="bui-bar">
<div class="bui-bar-left">
<div class="bui-btn"><i class="icon-back"></i></div>
</div>
<div class="bui-bar-main">测试 首页</div>
<div class="bui-bar-right"></div>
</div>
</header>
<main>
<!-- 中间滚动内容 -->
<div class="bui-page">
<ul class="bui-nav-icon bui-fluid-4 ">
<li class="bui-btn">
<div class="bui-icon primary round"><i class="icon-success"></i></div>
<div class="item-title"> 全员品质 </div>
<div class="item-text"> Total Quality Management </div>
</li>
<li class="bui-btn">
<div class="bui-icon round success"><i class="icon-success"></i></div>
<div class="item-title"> 标题文字 </div>
<div class="item-text"> 描述信息 </div>
</li>
<li class="bui-btn">
<div class="bui-icon round danger"><i class="icon-success"></i></div>
<div class="item-title"> 标题文字 </div>
<div class="item-text"> 描述信息 </div>
</li>
<li class="bui-btn">
<div class="bui-icon round warning"><i class="icon-success"></i></div>
<div class="item-title"> 标题文字 </div>
<div class="item-text"> 描述信息 </div>
</li>
</ul>
</div>
</main>
<footer>
<!-- 底部固定内容 -->
</footer>
</div>
<script src="js/zepto.js"></script>
<script src="js/bui.js"></script>
<script>
// 多页开发: 一个页面必须要有一个 bui.ready, 且只能有一个
bui.ready(function () {
});
</script>
</body>
</html>
window.viewport = bui.viewport();
bui.ready((global)=>{
})
你好,autoClose 参数主要用来点击遮罩的时候关闭的,以前单选的时候,点击会自动关闭,现在是单选多选,都需要通过方法关闭。如果想改变的时候自动关闭,可以在onChange 参数里面操作。
具体可以参考这个例子: http://www.easybui.com/demo/#pages/ui_controls/bui.select_popup