Jquery-ui对话框垂直中心bug

时间:2013-06-24 14:18:24

标签: javascript jquery jquery-ui jquery-ui-dialog jquery-ui-accordion

我首先为我的英语道歉,这不是我的母语,无论如何,我会尽力做到最好!

我实际上是在为我的网站内容使用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! 谢谢!

1 个答案:

答案 0 :(得分:1)

我刚刚发现了一种棘手的方法(或者只是为了最小化问题)。

我在popUp中添加了一个选项:位置{my:“bottom”,位于“top”,位于:'myselector'} wich'myselector'指的是与popUp相关的标签内容

无论如何,谢谢!

如果有人知道做我想做的真正伎俩,我就有空了!