为什么MDCSelect:change在附加所有选项之前调用它时不起作用
MDCSelect:change当我在附加列表后放置它时正在工作，但UI 看起来不太好。
问题：如何MDCSelect:change在不损害 ui 外观的情况下工作。
当我洗牌那两行的代码时，它工作得很好
$('#select_dropdown').html(usersStr);
initializeSelect();
select UI当您在任何地方或简单地单击外部时，上面的代码看起来不太好
为了更好地查看，我在这里创建了 codepen：https ://codepen.io/eabangalore/pen/poNmBpm ? editors = 1010
$('#select_dropdown').html(usersStr);
initializeSelect();
var selectBoxMap = {};
function initializeSelect(){
var mdcSelectList = document.querySelectorAll(' .mdc-select');
if(mdcSelectList){
[].forEach.call(mdcSelectList,function(el){
var select = new mdc.select.MDCSelect(el);
el.setAttribute('ripple-attached', true);
var dropDownId = $(el).find('ul.mdc-list').attr('id');
selectBoxMap[dropDownId] = select;
});
}
}
$(async function(){
var results = await $.get('https://jsonplaceholder.typicode.com/users');
var usersStr = '';
for(var i = 0; i < results.length; i++){
var …