菜單建立后，Select2回調或事件

Question

為此，我正在為選擇中的每個選項動態地重新着色。 我嘗試過打開和打開，當它們被稱為創建菜單時還存在。

$(document).on("select2:opening", function () {
    console.log('Here', $('#select2-SELECTNAME-results li').length);
    $('#select2-SELECTNAME-results li').each(function(k,ele){
        console.log(k, $(ele).text());
        $(ele).css('background-color', COLOROBJECT[k]).addClass('text-shadow');
    });
});

如果我在創建菜單后運行代碼，則效果很好。 我需要一個回調來告訴我菜單創建的時間。 是否存在並且我缺少它，或者select2缺少此功能或在select2的范圍之外？

Answer 1

Select2具有templateResult配置，該配置可讓您更改下拉菜單的外觀。 看到這里： https : //select2.org/dropdown

一個例子：

$("#select2-SELECTNAME-results").select2({
     ...
     templateResult: function(data) {
          return '<li class="text-shadow" style="background-color:' + COLOROBJECT[k] + '" >' + data.text + '</li>';
     }
     ...
})