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

最新推荐文章于 2023-01-12 16:19:40 发布

溪橼

最新推荐文章于 2023-01-12 16:19:40 发布

阅读量4.1k

点赞数 1

分类专栏： jquery 插件前端开发文章标签： jquery ui select jquery 搜索

本文链接：https://blog.csdn.net/u011169725/article/details/51250317

版权

前端开发同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

jquery 插件

2 篇文章 0 订阅

订阅专栏

在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）