jQuery-UI对话框垂直居中错误

Question

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

我实际上是将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");
                }
            }]
        });

那么，现在有什么问题呢？ 我的弹出窗口垂直设置在位置之外！ 当我在页面顶部查看时，我的对话框设置在整个页面的垂直中心上，而不是整个页面的视图上。 其他...如果我在页面中看起来较低，我的对话框将设置在页面的垂直中心+我的窗口视图位置。 （我的意思是，如果我实际查看的是页面的30％，则将其设置为页面总数的50％+ 30％！）

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

希望您能理解我的问题，如果不明白，请向我询问更高的精度= o！ 谢谢！

Answer 1

我只是找到了一种棘手的方法（或者只是将问题最小化）。

我在弹出窗口中添加了一个选项：{my：“ bottom”，在“ top”的位置：'myselector'}，其中“ myselector”是指与popUp相关的选项卡内容

反正！

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

jQuery-UI对话框垂直居中错误

问题描述

1 个解决方案

解决方案1
1 2013-06-25 07:45:07

jQuery-UI对话框垂直居中错误

问题描述

1 个解决方案

解决方案1 1 2013-06-25 07:45:07

解决方案1
1 2013-06-25 07:45:07