2

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

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

4

1 回答 1

1

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

我在弹出窗口中添加了一个选项：位置 {my: "bottom", at "top", of: 'myselector'} 其中 'myselector' 指的是与弹出窗口相关的选项卡内容

无论如何，谢谢！

如果有人知道一个真正的技巧来做我想做的事，我就自由了！

于 2013-06-25T07:45:07.600 回答