使用jQuery将HTML加载到“浮动”DIV中

我是jQuery的新手，我想要完成的一件事就是将有关所选记录的一些信息加载到“浮动div”中。 例如，我可能有一个记录列表，当我鼠标hover每个记录时，浮动DIV元素将出现相关信息。

我知道如何将信息加载到页面中包含的DIV元素中，但我不确定如何将DIV显示在我“hover”的链接旁边。 jQuery是否有一个特殊的function来允许这个？

也许一个例子可以帮助解释……

  function showRecordInfo(selectedRecordID) { $("#divDisplayInfo").load("GetRecordInfo.aspx", { recordID: selectedRecordID }); }   Record 1 Record 2 Record 3 
   

aspx页面“GetRecordInfo.aspx”是一个简单的ASP.NET页面，它接受一个post参数（“recordID”），然后显示一个包含与参数匹配的信息的表。

Answer 1

这应该做到这一点

      Record 1 Record 2 Record 3 
   

首先要将div设置为position:absolute这样你就可以随意重新定位它。

然后当ajax调用完成时，使用事件’pageX和pageY（鼠标坐标）来重新定位div。

我还更改了标记和脚本以分离a标签上的硬编码脚本。

演示http://www.jsfiddle.net/gaby/MwKJR/