Позиция диалога JQuery над другим div

Question

Я показываю диалоговое окно JQuery при нажатии кнопки (добавьте в корзину). В диалоговом окне JQuery отображается сообщение «x item (s), добавленное в корзину», и автоматически закрывается за y секунд. Я хочу отобразить диалог точно на кнопке «Добавить в корзину». Добавление в корзину становится видимым только после автоматического закрытия диалогового окна. Как мне это сделать?

Answer 1

position Изменение к следующему:

$dialog.dialog({ 
    autoOpen: false, 
    modal: false, 
    position: { 
     my: 'left top',  //The point on the dialog box 
     at: 'left top',  //The point on the target element 
     of: $('#addtocart') //The target element 
    }, 
    draggable: true, 
    width: '40%' 
}); 

JSFiddle:https://jsfiddle.net/o92sjf08/11/