<!DOCTYPE html>
<html>
<head>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/js/bootstrap-multiselect.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css" rel="stylesheet"/>

</head>
<body>
<div class="container">
<div class="example">
<script type="text/javascript">
    $(document).ready(function() {
        $('#multi-select-demo').multiselect();
    });
</script>
<select id="multi-select-demo" multiple="multiple">
    <option value="jQuery">jQuery tutorial</option>
    <option value="Bootstrap">Bootstrap Tips</option>
    <option value="HTML">HTML</option>
    <option value="CSS">CSS tricks</option>
    <option value="angular">Angular JS</option>
</select>
</div>
</div>
</body>
</html>





在多选中,我们有很多选择。这些选项需要在用户滚动窗口时隐藏。该列表包含在ul中,类名称为“ multiselect-container”。

最佳答案

在元素外部触发点击应该可以解决问题。

$(document).click();

没有“关闭”引导程序下拉列表的官方方法,但是,上述方法是解决此问题的一种解决方法。基本上,它会触发下拉列表外部的虚假点击,因此将其关闭。

如果希望每次用户开始滚动时都关闭它,则:

$(window).on('scroll',function(){
    $(document).click();
});

10-04 22:10
查看更多