如何自动将div对齐到<a> tag on document</a>

Question

我有一个div，即

<div id="data_sprite">Jquery ajax data here</div>

它是不可见的......

现在假设我在文档顶部有第一个<a>标记，在文档底部有第二个<a>标记... 现在我想要的是，如果我点击页面顶部的<a>，div会自动与右上角对齐，当我点击底部的<a>时，div会自动与其右上角对齐我怎样才能用jquery或者什么来实现....

Answer 1

使用JQuery，您可以尝试类似的东西，假设ajaxlink是用于两个标记的类：

$('.ajaxlink').click(function() {
  var position = $(this).offset();
  position.left = position.left + $(this).width() - $('#data_sprite').width();
  position.top = position.top + $(this).height();
  $('#data_sprite').css(position)
});