Question

jquery ui dialog 显示位置问题

在官方的手册里面只有这样的说法$('.selector').dialog({ position: ['top','right'] }); 现在想询问一下如果想将top和right的值给写死 能不能行 例如 我想这样设置style="top:220px;right:220px;"在jqueryui dialog组件中该怎么实现

Answer 1

完全可以啊,
我在官方网上找到的原文:
Specifies where the dialog should be displayed. Possible values:
1) a single string representing position within viewport: 'center', 'left', 'right', 'top', 'bottom'.
2) an array containing an x,y coordinate pair in pixel offset from left, top corner of viewport (e.g. [350,100])
3) an array containing x,y position string values (e.g. ['right','top'] for top right corner).

第二项说的就是你要的意思, 设置从 left , top 的相对位置, 比如你要style="top:220px;right:220px;" right 必须换成离左边的距离,才能用,这个你可以慢慢调,比如你的
容器宽度为800px , 那离左侧的距离就是 800-220=580px;
直接用:
$('.selector').dialog({ position: [220,580] }); //默认单位就是px