javascript - jQuery UI 对话框始终位于右上角

Question

我试图将对话框定位在 anchor 标记的右侧，但没有成功。

我在 jQuery UI dialog positioning 查看了解决方案似乎都不起作用。

function openDialog(row_index) {
   var target = $('#note'+row_index);
    $("#dialog_content_"+row_index).dialog({ width:150 },
                                        { height:80 }).dialog('widget').position({
                                                                      my: 'left',
                                                                      at: 'right',
                                                                      of: target
                                                                     });
}

还有这个 HTML

<a id="note10" onclick="openDialog('10')" style="cursor:pointer">0010</a>

<div style="display:none" title="Title 10" id="dialog_content_10">Row 10</div>

Answer 1

将顶部指定添加到 my 和 at 属性似乎可行 - 假设您打算对齐到 anchor 的顶部和右侧(在 Chrome 11.0.6 和 IE9 中测试):

function openDialog(row_index) {
   var target = $('#note'+row_index);
    $("#dialog_content_"+row_index).dialog({ width:150 },
                                        { height:80 }).dialog('widget').position({
                                                                      my: 'left top',
                                                                      at: 'right top',
                                                                      of: target
                                                                     });
}

这是 jQuery page用于测试不同的位置。

编辑:

这里是 a fiddle显示它在右侧对齐...也许问题出在您的 CSS 或 html 中的其他地方？在 fiddle 中，我一直在使用 jQuery 1.5.1、jQuery UI 1.8.9 和基本主题 CSS 文件进行测试。