获得显示数据的表单。单击表单域时,将打开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');
}
答案 0 :(得分:0)
我能够通过在引导后加载的css文件中将.ui-dialog类的z-index属性设置为1000来纠正它。有效地覆盖它。
.ui-dialog {z-index:1000;}