我正在使用select2 4.0.5。在移动设备上,当我打开下拉菜单时,我必须点按两次以选择值。我正在动态填充下拉列表。
populateSelect2(url, element, key) {
$.get(url)
.done((res) => {
if (res) {
let data = $.map(key ? res[key] : res, (obj) => {
obj.text = obj.name;
return obj;
});
data = sortBy(data, 'name');
$(element).select2({
placeholder: 'Please select',
data
});
}
})
.fail(() => {
this.showError(`Failed to call ${url}`);
});
}
$('#selectId').on('select2:select', (e) => {
const selected = e.params.data;
/* // Mobile select2 dropdown
if (width <= 767) {
$('#selectId').select2('open');
} */
utils.populateSelect2(`abc/${selected.id}/def`, '#selectId2');
});
如果我删除此$('#selectId').select2('open');
,将不会显示任何下拉列表。它以Html形式显示值,但不显示下拉列表本身。