更改jQuery对话窗口位置

Question

I'm using the Dialog from jQuery, http://jqueryui.com/dialog/#modal-message It works perfectly fine, I just can't seem to move the dialog window's position.

How do I achieve this? I've tried looking for the code in it's CSS, tried inspecting the element and everything, it just won't budge.

What am I doing wrong? Where do I actually modify it?

Answer 1

You can set the position by setting the Position

as

See DEMO

Answer 2

You can set the "position" setting when constructing it:

http://api.jqueryui.com/dialog/#option-position

Answer 3

if you want to drag this pop-up, just define

draggable: true,

if want to change position of pop-up just define vertical and horizontal position in

position: ['center', 'top']