Jquery ui对话框垂直居中错误

Jquery-ui dialog vertically center bug

本文关键字：错误 垂直居中 对话框 ui Jquery      更新时间：2023-09-26

我首先为我的英语道歉，这不是我的母语，无论如何，我会尽力的！

实际上，我正在使用Jquery UI来处理我的网站内容。比如：

   <body>
     <div id=accordion>
       (my content well formed for an accordion)
     </div>
     <div id=myPopUp>
       <span id=popUpContent> myPopUpMessage </span>
     </div>
   </body>

以下是当我点击手风琴上的按钮时执行的JQuery代码：

var popUp = $('#myPopUp').dialog({
            resizable: false,
            draggable: false,
            position: 'top',
            modal: true,
            buttons: [
            {   
                text: "No",
                click: function() {
                    $(this).dialog("close");
                }
            },
            {
                text: "Yes",
                click: function() {
                    $(this).dialog("close");
                }
            }]
        });

那么现在，问题出在哪里呢？我的popUp设置垂直错位！当我在页面顶部查看时，我的对话框设置在垂直中心。。。总页面的，而不是我对页面的看法。其他。。。如果我在页面中往下看，我的对话框将设置在页面的垂直中心+我的窗口视图位置。（我的意思是，如果我真的在看我页面的30%，它将被设置为总页面的50%+30%！）

我怀疑Accordion和Dialog之间存在某种不兼容。（我得到了更多手风琴的标签…更多的是我的对话框错位）

我希望你能理解我的问题，如果你不这样做，请问我更多的精确性=o！谢谢

我刚刚发现了一种棘手的方法来做到这一点（或者只是为了尽量减少问题）。

我在popUp中添加了一个选项：position｛my："bottom"，at"top"，of："myselector"｝"myselector"指的是与弹出相关的选项卡内容

无论如何！

如果有人知道做我想做的事的真正诀窍，我就自由了！

相关文章：