将 JQuery 对话框置于另一个 div 之上

Question

我在单击按钮（添加到购物车按钮）时显示 JQuery 对话框。 JQuery 对话框显示消息 'x item(s) added to cart' 并在 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/