Select2下拉列表根本不会关闭

Question

我有一个带有一些option元素的select元素，但打开它后，下拉菜单不会关闭。

我不知道为什么它对我的项目不起作用，但它对新项目完全正常。

 $(document).ready(function() { $('#user-selection').select2(); }); 

 <select id="user-selection" name="userId" style="width: 100%" required> <option>1</option> <option>2</option> <option>3</option> </select> 

我错过了什么吗？

更新：更改为正确版本的Select2，使问题消失

Answer 1

在最后一个版本的select2中出现此错误，您可以使用我附加的文件我在select2.js编辑焦点事件

this.on("focus", function () {
    a.$container.addClass("select2-container--focus"), 
    a.$container.hasClass("select2-container--disabled") || a.isOpen() && (a.options.get("multiple") ? window.setTimeout(function () {
        a.open()
    }, a.options.get("ajax") ? 300 : 100) : a.open())
}),

来自a.isOpen() || 到a.isOpen() &&

 <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6/css/select2.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://dits.cloud/js/select2.js"></script> <select id="user-selection" name="user" style="width: 100%" required> <option>1</option> <option>2</option> <option>3</option> </select> <script> $(document).ready(function () { $('#user-selection').select2(); }); </script> 

编辑了select2.js