隐藏在引导表后面的jQuery对话框

Question

获得显示数据的表单。单击表单域时，将打开jQuery对话框以编辑该值。但是对话在桌子后面迷失了。不知道如何纠正这个。

这是一些代码。 表格代码

<div class="table-responsive">
<table class="table table-striped table-bordered table-hover">

链接打开对话框

<td><a href="javascript:void" onclick="OpenDialog('/LabJobs/Create/@id')">Create Lab Job</a></td>

Dialog Div

<div id="dialog" title="" style="overflow: hidden;"></div>

的JavaScript

function OpenDialog(urlAction) {
            $('#dialog').dialog({
                autoOpen: false,
                width: 400,
                resizable: false,
                modal: true,
                closeOnEscape: true,
                draggable: true,
                resizable: true,
                title: "PTP Popup",
                open: function (event, ui) {
                    $(this).load(urlAction);
                },
                buttons: {
                    "Close": function () {
                        $(this).dialog("close");
                    }
                }
            });
            $('#dialog').dialog('open');
        }

该问题的截图

Answer 1

我能够通过在引导后加载的css文件中将.ui-dialog类的z-index属性设置为1000来纠正它。有效地覆盖它。

.ui-dialog {z-index:1000;}