Javascript 选择2.js和jQuery slideDown动画滞后/抖动

我有一个select2.js下拉列表，我想制作动画；我希望下拉列表向下滑动，而不是突然出现

这就是我现在正在做的：

var select = $("#select").select2({
     minimumResultsForSearch: -1
});

$('#select').on('select2:open', function (e) {
    $("#select option[value='0']").remove();
    $('.select2-results').hide().slideDown("slow", "easeInOutQuint");
});

问题是我第一次打开下拉列表时，有一点延迟/抖动。以下是对正在发生的事情的更精确描述：

• 单击“选择容器”
• 选择下拉菜单开始向下滑动
• 动画下降20%，滞后0.2秒（试图消除）
• 滑下，然后继续良好

在第一次之后，滑动下降是完美的。这只是第一次出现抖动/滞后

有什么想法吗

---

请注意，easeInOutQuint来自jQuery移动迁移

您需要应用它。选择2下拉菜单，并在下面的代码中使用超时功能检查我是如何实现的

jQuery('#select').on('select2:open', function (e) {
   jQuery('.select2-dropdown').hide();
   setTimeout(function(){ jQuery('.select2-dropdown').slideDown("slow", "easeInOutQuint"); }, 200);
});