javascript - jqueryui - 如何获得最顶层对话框的位置？

Question

我的网络应用程序中有一堆模态窗口。不幸的是，因为所有对话框的大小都相同，所以顶部的对话框覆盖了其他对话框。如果有自定义打开事件会很好，它会检查是否有任何其他对话框打开，选择最顶层的一个并调整 (x,y) 位置，向最顶层对话框的位置添加一些偏移量。有什么想法吗？

Answer 1

您可以编写一个函数来排列页面上的所有 jQuery UI 对话框，并在打开的函数中调用它，就像这样。

function arrangeDialogs() {
    var $dialogs = $('div.ui-dialog:visible');

    if($dialogs.length) {
        var $first = $($dialogs[0]);
        var top = +$first.css('top').replace(/[^-\d\.]/g, '');
        var left = +$first.css('left').replace(/[^-\d\.]/g, '');                    

        $('div.ui-dialog').each(function() {
            $(this).css({top: top + 'px', left: left + 'px'});
            top += 5;
            left += 5;
        });
    }               
}