我是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