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");

    }

<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>

下面是gridview的Html代码，其中包含动态生成

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");

    }

<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>

---

试着写
位置：{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");

    }

它不工作，而不是显示在顶部的CSS样式左显示0px。建议我使用jQuery计算左侧像素并设置到位置？不确定您在哪里使用
x
，但在
var x=$（'btn_'+id.position（）的选择器中缺少
或
确定其类，然后如何计算？如果是类，请使用
$（'.btn_'+id）
现在告诉我如何使用x值计算位置