[英]Open Jquery-UI Dialog Box inside table not showing in right place?
这是动态显示对话框的 jQuery 代码。
function ShowDialog(id) {
var x = $('btn_' + id).position();
$("#dialog_" + id).dialog({
title: "Description",
position:{ my:"" },
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
},
position:
{ my: "center", at: "center", of: window }
});
var theDialog = $("#dialog_" + id);
theDialog.dialog("open");
}
这是动态生成的 gridview 的 Html 代码。
<asp:TemplateField HeaderText="Description" ItemStyle-Width="80px">
<ItemTemplate>
<div id="dialog_1" style="display: none;">
<p>Details</p>
</div>
<button type="button" class="btn btn-success btn-sm btn_1" onclick="ShowDialog(1)">Show Detail</button>
</ItemTemplate>
</asp:TemplateField>
输出是:
这里应该开放
试着写position: { my: "right center", at: "right center"}
像这样:
function ShowDialog(id) {
var x = $('btn_' + id).position();
$("#dialog_" + id).dialog({
title: "Description",
position:{ my:"" },
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
},
position:
{ my: "right center", at: "right center", of: window } // here
});
var theDialog = $("#dialog_" + id);
theDialog.dialog("open");
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.