在移动设备上双击Select2下拉菜单

时间:2019-07-11 15:50:15

标签: jquery jquery-select2

我正在使用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形式显示值,但不显示下拉列表本身。

0 个答案:

没有答案