多个对话框 - 定位彼此的每个偏移

Question

我正在使用对话框向公司内部网上的用户发送消息。我目前正在使用jquery对话框来显示消息。

var alerts = data.d; 
$.each(alerts, function(index, notifier) { 
    var divId = 'div' + index; 
    var div = '<div id="' + divId + '">' + notifier.Message + '</div>'; 
    $('#alertPlaceHolder').append(div); 
    $('#' + divId).dialog({ 
     width: 400, 
     height: 250, 
     modal: true, 
     title: notifier.Title + ' [Alert Id # ' + notifier.AlertId + ']', 
     show: 'slide', 
     hide: 'explode', 
     position: { 
      my: "left top", 
      at: "left top", 
      of: 'window' 
     }, 
     buttons: { 
      'Ok': function() { 
       $(this).dialog('close'); 
      } 
     } 
    }); 

}); 

如果存在多条消息，则当前将每个对话放置在彼此之上。我如何通过n获得对话。例如：

Answer 1

根据该文档：

我的（默认值：“中心”）类型：字符串定义其中 元件上的位置被定位成与所述目标元件对准： “水平 垂直”对齐。单个值（例如“右”）将被标准化为 到“右中”，“上”将被标准化为“中心上”（遵循 CSS惯例）。可接受的水平值：“左”，“中”， “右”。可接受的垂直值：“顶部”，“中心”，“底部”。 示例：“左上方”或“中心”。 每个维度还可以包含以像素或百分比表示的偏移量，例如“右+ 10上 - 25％”。 百分比偏移量相对于被定位的元素。

所以，你可以定义.each中的offset var和刚做这样的事情

my: "left top + " + myOffSet应该做的伎俩。