如何自动将div与文档上的<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)
});