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

我试图将对话框放置在锚标记的右侧，但没有成功。

我检查了解决方案jQuery UI 对话框定位 https://stackoverflow.com/questions/744554/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>

将顶部指定添加到 my 和 at 属性似乎可行 - 假设您打算对齐到锚点的顶部和右侧（在 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 页面 http://ui2.jquery.com/demos/position/用于测试不同的位置。

EDIT:

Here is a fiddle http://jsfiddle.net/twKWk/显示它在右侧对齐...也许问题出在 CSS 或 html 中的其他地方？就像在小提琴中一样，我一直在使用 jQuery 1.5.1、jQuery UI 1.8.9 和基本主题 CSS 文件进行测试。