jQuery技术:使用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”),然后显示一个包含与参数匹配的信息的表。

    这应该做到这一点

          Record 1 Record 2 Record 3 

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

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

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

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

      以上就是jQuery教程分享使用jQuery将HTML加载到“浮动”DIV中相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/532474.html

      (0)
      上一篇 2020年12月21日
      下一篇 2020年12月21日

      精彩推荐