天天看点

jquery ui dialog 中使用select2 导致select2的input失去焦点的解决方法

在jqueryUI 的dialog中使用select2,select2的input search无论怎样都获取不到焦点?

解决放方法:去掉diaog中的modal: true,便可

$("#addAndEditDiv").dialog({
            autoOpen: false,
            width: 1000,
            height: 600,
            //modal: true,
            resizable: false,
            draggable: true,
            title: title,
            buttons: {
                "确定": function () {

                },
                "取消": function () {
                    $(this).dialog("close");
                }
            },
        });
        $("#addAndEditDiv").dialog('open');
           

网上看过不少答案:有说将dialog ui  的tabindex=-1去掉就行,但我的代码中此方法不起作用。

若此方法不能解决你的问题,可以参考:点击打开链接(http://stackoverflow.com/questions/16966002/select2-plugin-works-fine-when-not-inside-a-jquery-modal-dialog)