如何在dragStop事件上获取jquery对话框位置

Question

在我的应用程序中，我有以下要求： 当用户单击菜单项时，默认情况下会在浏览器的左上角打开一个 jquery 对话框。如果用户将对话框拖到窗口的某个位置并打开另一个菜单项，则对话框会自动放置在页面的左上角。但是，我想在前一个对话框拖动停止的位置显示新项目单击对话框。为此，我尝试在对话框的 dragstop 事件上保存左侧和顶部位置值，但是在对话框拖动后它不显示顶部和左侧值，而是显示默认的左上角值。 我的代码：

$("#modalDiv").dialog({
  position: {
    my: "left top",
    at: "left top+122",
    of: "body"
  },
  beforeClose: function(event, ui) {
    alert('Firing close- top:' + $(this).position().top + "  left:" + $(this).position().left);
  },
  dragStop: function(event, ui) {
    //This alert message should show latest top left postion values of jquery dialog box it is showing default top left values even after drag event finished?

    //alert('Firing close- top:' + $(this).position().top + "  left:" + $(this).position().left);
  }
}).dialog("open").parent().appendTo(jQuery('form:first')).find('.ui-dialog-title').html('<span>' + titleStr + '</span>');

感谢任何帮助解决它。

提前致谢。

Answer 1

当你创建一个对话框时，jQuery 在内部使用div 元素来表示它。您可以观察该 div 的属性aria-describedby，因为它包含与对话框相同的 ID，并获取其位置：

$("[aria-describedby= modalDiv]").position();