如何定位jQuery对话框?

时间:2014-05-27 15:57:21

标签: jquery html css jquery-ui jquery-ui-dialog

我创建了此对话框“ http://jsfiddle.net/xSQr2/ ”,默认情况下会在窗口中央打开。

但我想打开按钮下方的对话框,打开对话框。

我找到了这样做的代码,这里是我添加的代码行,用于定位我的对话框以打开按钮:

position: {
             my: "bottom",
             at: "bottom;",
             of: $('#addRxOrderButton')
         },

但是当我添加此代码时,对话框会在Button的顶部打开。 这是添加了位置的小提琴: http://jsfiddle.net/xSQr2/1/

请告知我是否做错了什么!

2 个答案:

答案 0 :(得分:3)

    position: {
         my: "top",
         at: "bottom",
         of: $('#addRxOrderButton')
     }

这意味着将对话框(我的)顶部放在按钮

的底部

编辑:此处提供更多文档:http://api.jqueryui.com/position/

答案 1 :(得分:1)

位置正常。你说对话框底部放在按钮的底部。

请改用:

position: {
 my: "top",
 at: "bottom",
 of: $('#addRxOrderButton')
}

http://jsfiddle.net/xSQr2/2/

<强>更新

要使对话框完全位于按钮下,请使用:

position: {
 my: "left top",
 at: "left bottom",
 of: $('#addRxOrderButton')
}

http://jsfiddle.net/xSQr2/4/