Jquery select2插件allowClear行为

Question

我正在尝试使用新版本的select2 Plugin（4.0.2.rc1）但我遇到了allowClear操作的问题。

$('select').select2({
   theme: 'bootstrap',
   placeholder: '..',
   allowClear: true
});

使用版本3.5.2，“清除”操作效果很好，但是当我点击x来清理时，选择将清除选项但是打开下拉菜单

如何解决此问题？ 谢谢

Answer 1

对于那些感兴趣的人来说，这是问题的解决方案，希望它能解决新版本插件中的问题。

$('select').select2({
   theme: 'bootstrap',
   placeholder: '..',
   allowClear: true
});

/* FIX */
var $el = $('select');
$el.on('select2:unselecting', function(e) {
   $el.data('unselecting', true);
}).on('select2:open', function(e) { // note the open event is important
   if ($el.data('unselecting')) {
       $el.removeData('unselecting'); // you need to unset this before close
            $el.select2('close');
   }
});