我试图将对话框放置在锚标记的右侧,但没有成功。
我检查了解决方案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 文件进行测试。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)