0

jquery UI ダイアログがあります (ajax を使用して開きます)。そのダイアログには、いくつかのコンテンツと、(再び ajax を使用して) 別の UI ダイアログを開くボタンがあります。

ボタンを最初に押すと、2 番目のダイアログが表示されます。2 番目のダイアログを閉じてもう一度ボタンを押すと、ダイアログが開きますが、最初のダイアログの後ろに隠れています。

そのダイアログにフォーカスを強制するためにjqueryでできることはありますか? 元のウィンドウの後ろに置きたくありません。

コード：

最初のダイアログのコード...

$('#searchUsers').autocomplete({
    source: "/gpcadmin/Roles/Lookup",
    minLength: 0,
    focus: function (event, ui) {
        $('#searchUsers').val(ui.item.label);

        return false;
    },
    select: function (event, ui) {
        var id = ui.item.value;
        $.ajax({           
            url: "/gpcadmin/Users/UserDashboard/" + id,
            type: "GET",
            success: function (data) {
                $("#my-dialog2").html(data);
                $('#my-dialog2').dialog({
                    modal: true,
                    width: "1200px",
                    height: 700,
                    close: function (event, ui) {
                        $("#my-dialog2").dialog("close");
                    }
                });
            },
            error: function (data) {
            }
        });

        return false;
    }

2 番目のダイアログを呼び出すための最初のダイアログのコード:

$("#quickButton1").on("click", function (e) {
    e.preventDefault();
    $.ajax({
        url: "/gpcadmin/Roles/cardOfficersui/" + $(this).data("task-id"),
        type: "GET",
        success: function (data) {
            $("#my-dialog23").html(data);
            $('#my-dialog23').dialog({
                modal: true,
                width: "600px",
                height: 400,
                close: function (event, ui) {

                }
            });
        },
        error: function (data) {
        }
    });
});
4

1 に答える 1

0

異なる z-index を使用できます。例えば：

$('#my-dialog23').dialog({
            modal: true,
            width: "600px",
            height: 400,
            close: function (event, ui) {

            },
            zIndex:500
        });


$('#my-dialog2').dialog({
                    modal: true,
                    width: "1200px",
                    height: 700,
                    close: function (event, ui) {
                        $("#my-dialog2").dialog("close");
                    },
                     zIndex:501
                });
于 2012-12-17T11:32:21.173 に答える