Javascript jQuery Select2插件下拉列表不响应鼠标单击

Javascript jQuery Select2插件下拉列表不响应鼠标单击,javascript,jquery,jquery-select2,Javascript,Jquery,Jquery Select2,我正在使用select2jquery插件和ajax调用,在用户键入时检索下拉列表中的项目。允许多个选择(标记),也允许自定义选择。当下拉列表出现时,如果我使用光标键转到我想要的项目并点击enter或tab,则一切正常。将触发select2 selection回调,并使用选择文本更新输入 但是,如果用鼠标单击某个选项,则不会触发select2 selection回调,并且不会更新输入。唯一发生的事情是,下拉菜单消失,没有其他 我在同一页面上有另一个select2输入,只允许一个选择,不允许自定义选

我正在使用select2jquery插件和ajax调用,在用户键入时检索下拉列表中的项目。允许多个选择(标记),也允许自定义选择。当下拉列表出现时,如果我使用光标键转到我想要的项目并点击enter或tab,则一切正常。将触发
select2 selection
回调,并使用选择文本更新输入

但是,如果用鼠标单击某个选项,则不会触发
select2 selection
回调,并且不会更新输入。唯一发生的事情是,下拉菜单消失,没有其他

我在同一页面上有另一个select2输入,只允许一个选择,不允许自定义选择。单击中的下拉项可以正常工作。插件站点上的示例与我正在做的类似,也会对点击做出响应,所以这不是插件的一般错误


我知道select2实际上有一个隐藏的、完全半透明的容器div,大小与屏幕大小相同,只要select2输入有焦点,就会添加到DOM中。select2输入位于此“参考底图”的顶部,其他所有内容都位于其下方。当select2输入失去焦点时,“参考底图”消失。我认为问题可能是参考底图的z索引比输入的高,所以当我单击下拉项时,实际上我只是单击参考底图,导致输入失去焦点。嗯,输入(9999)的z指数确实高于参考底图(9998)。我只是想排除这个可能性

这一点javascript是罪魁祸首:

input.on("select2-blur", function() { 
    $(this).select2('close');
});

我认为,在某个阶段,只有当我从输入中退出时,下拉菜单才会消失,但如果当下拉菜单可见时,我在输入之外单击,它就会留在那里。当输入失去焦点时,这是一种消除下拉列表的方法。但这是问题的原因。奇怪的是,尽管我现在已经删除了它,但当我在输入之外单击时,下拉列表会相应地消失,但我不知道为什么会出现这种情况。

您使用的是什么版本的os select2?你能告诉我你正在经历什么吗?我给小提琴一个机会(v3.5.1)