javascript - 在 JQuery 中将 div 定位到按钮的右下角

Question

我可以使用以下代码将 div 设置到按钮的顶部和左侧位置:

var p = $("#tag-add");
var offset = p.offset();
$("#TagModal").offset({ top: offset.top, left: offset.left})  

输出:

但我想将 div 设置到按钮的右下角:

如何做到这一点？

Answer 1

试试这个:

var p = $("#tag-add");
var offset = p.offset();

var $modal = $("#TagModal");
$modal.offset({
  top: offset.top + p.outerHeight(),
  left: offset.left + p.outerWidth() - $modal.outerWidth()
});

(从@PraveenKumar 的示例中减去模态宽度)

参见 this JSFiddle.