несколько диалогов - расположение каждого смещения друг друга

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

Согласно документации:

мой (по умолчанию: «центр») Тип: String Определяет, какое положение на элемент позиционируется для выравнивания с целевым элементом: "горизонтальный вертикальный" выравнивание. Единое значение, такое как «правое», будет нормализовано в «правый центр», «верх» будет нормализован до «вершины центра» (в соответствии с соглашением CSS). Допустимые горизонтальные значения: «левый», «центральный», «правый». Допустимые вертикальные значения: «верх», «центр», «нижний». Пример: «левый верх» или «центр центра». Каждое измерение может также содержать смещения в пикселях или процентах, например, «right + 10 top-25%». Промежуточные смещения относительно расположенного элемента.

Таким образом, вы можете определить вар смещение внутри .each и просто делать что-то вроде

my: "left top + " + myOffSet должен сделать трюк.