首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带对话框的JQuery UI位置

带对话框的JQuery UI位置
EN

Stack Overflow用户
提问于 2014-08-29 17:34:39
回答 2查看 61关注 0票数 0

我在使用JQuety UI定位对话框时遇到问题。

我使用的是代码

代码语言:javascript
运行
复制
var divObj = $('#sourceCodeSearchDialog');
divObj.dialog(
    {
        position: ['right-800 top-100']
    });

但是,无论我把顶部的值设得多小,对话框都不会出现在页面的上方。

调用它的链接位于页面下方很远的位置,因此它可能是在屏幕顶部(而不是页面)绘制对话框。当焦点设置在对话框中的文本框上时,屏幕将滚动到文本框上。但是,由于该对话框不在页面顶部,因此并非所有对话框都可见。

我知道一种解决办法是滚动页面,但这使得这个过程相当“跳跃”,因为它显示对话框,然后滚动。

EN

回答 2

Stack Overflow用户

发布于 2014-08-29 17:50:28

尝尝这个

代码语言:javascript
运行
复制
var divObj = $('#sourceCodeSearchDialog');
divObj.dialog({ 
  // other setting if u want like `modal : true` etc
}, 'position', [800,100]);
票数 0
EN

Stack Overflow用户

发布于 2014-08-29 18:00:19

我不太确定这是否是你所期望的,但是试试这个:

代码语言:javascript
运行
复制
var divObj = $('#sourceCodeSearchDialog');
divObj.dialog(
{
    position: {my: "right-800, top-100", at: "center", of: window}
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25565537

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档