您的位置：首页 > 其它

select2点击空白处不消失

2017-04-14 14:31 337 查看
今天使用select发现一个问题，点击空白区域，下拉框不能自动消失。咨询了大牛之后发现，原来是因为父元素高度不够的原因。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>select2练习</title>
<link href="https://cdn.bootcss.com/select2/4.0.2/css/select2.min.css" rel="stylesheet">
</head>
<body>
<!--<div style="width: 100%;height: 1000px;">-->
<select class="select_gallery" style="width:50%;">
<option value="0">路飞</option>
<option value="01">索隆</option>
<option value="02">娜美</option>
<option value="03">乌索普</option>
<option value="1">罗宾</option>
<option value="2">香吉士</option>
<option value="3">弗兰奇</option>
<option value="4">布鲁克</option>
<option value="5">乔巴</option>
</select>
<!--</div>-->
<script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/select2/4.0.2/js/select2.full.js"></script>
<script type="text/javascript">
$(function(){
$(".select_gallery").select2();
});
</script>
</body>
</html>
将外层的div注释打开，下拉框就可以自动消失了。

大牛博客：http://www.80iter.com/blog/1458613337207070
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  select2 select
相关文章推荐
新的分享
章节导航