如何定位jQuery UI对话框相对于身体内的div元素?定位jQuery UI对话框
5
A
回答
8
也许,这可能让你的想法如何做到这一点:
HTML:
<div id="one" class="divs"></div>
<div id="two" class="divs"></div>
CSS:
.divs {
float: left;
height: 48px;
width: 80px;
border: 1px solid #55f;
}
JS:
$(document).ready(function(){
var $div = $('#two');
var left = $div.offset().left;
var top= $div.offset().top;
$('<p>Some dialog</p>').dialog({position: [left + 20, top + 20]});
});
这是链接到demo。
1
http://api.jquery.com/offset/显示如何获取div元素的坐标。但直接使用可能还不够,因为这取决于布局结构(浮动,边距等)。
2
使用jQuery position function或jQuery UI one
$('#dialog').position({of: $('#your_div')});
相关问题
- 1. jQuery UI对话框 - 定位
- 2. jQuery UI对话框相对定位
- 3. jQuery UI对话框 - 位置
- 4. 如何定位jQuery UI对话框
- 5. jQuery UI对话框按钮定位
- 6. 定制jQuery UI对话框
- 7. 定时jQuery UI对话框
- 8. Jquery UI对话框
- 9. Jquery UI对话框
- 10. JQUERY UI对话框
- 11. 位置jQuery UI的对话框
- 12. 刷新jquery ui对话框位置
- 13. jquery对话框定位
- 14. 定位jQuery对话框
- 15. jquery ui对话框,有多个对话框影响位置
- 16. 使用jQuery UI对话框绝对定位
- 17. CSS自定义JQuery UI对话框
- 18. JQuery UI自定义模式对话框
- 19. 关闭重定向jQuery UI对话框
- 20. IE7,JQuery UI对话框
- 21. 在jQuery UI的对话框
- 22. jQModal或jQuery UI对话框?
- 23. jquery ui多个对话框
- 24. JQuery UI对话框和Ajax.BeginForm
- 25. Jquery UI模式对话框
- 26. jquery-ui关闭对话框
- 27. jQuery UI对话框覆盖
- 28. 居中jQuery UI对话框
- 29. jQuery UI对话框 - 动画
- 30. jquery ui对话框问题
你打败我吧! :)这个演示可以发现[这里](http://jqueryui.com/demos/position/) – mekwall 2011-01-08 11:15:23