使用jQuery显示相对于另一个元素的元素

Question

我正在开发一个界面,要求用户可以单击按钮,然后我将显示相对于按钮定位的浮动div(您可以将其视为当您单击向下箭头时显示的区域下拉列表).

如何正确定位此浮动元素与单击的按钮(可能位于页面上的任何位置)相邻？

提前致谢!!

Answer 1

你可以得到按钮的位置使用.offset()

例如:

$("#myButton").click(function() {
  var o = $(this).offset();
  $("#myDiv").css({'position': 'absolute','left':o.left,'top',o.top});
});

这会将它定位在按钮的顶部,只需调整左/上,无论你希望它在哪里.

例如,将其放在按钮下方,将顶部部分更改为按钮的右上角'top': o.top + $(this).height():'left':o.left + $(this).width()