c# - 打开表格内的 Jquery-UI 对话框没有显示在正确的位置?
问题描述
这是动态显示对话框的 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");
}
这是动态生成的网格视图的 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");
}
推荐阅读
- iphone - 有没有办法使用 Python 访问 iPhone 相机分辨率?
- docker - 如何进入 CoreDNS pod kuberrnetes?
- json - 使用 jenkins groovy 合并 JSON 文件
- c# - 如何在文本框上显示接收到的 UDP 数据?
- import - Odoo 13 Enterprise的哪些应用程序可以支持与品牌生物识别机器连接:NIDEKA?
- neo4j - 如何根据ID获取特定节点的所有父节点
- azure-devops - Azure DevOps 中针对用户故事的障碍
- spring - spring jpa 查询 SQLGrammarException on join @ManyToMany
- django - 从基础模型继承模型的 FK 关联查询优化
- c - 如何使用 c 程序在 linux 中获取磁盘使用情况?