我怎样才能让一个javascript弹出的div显示在它点击的每个链接旁边？

Question

我如何让一个最初隐藏的javascript弹出窗口div id=“注册表单”直接显示在它点击的每个链接下面？

链路1

链路2

链路3

Div id=注册表单(显示:无)

对不起，我在手机上很难写代码

Answer 1

这是一个jsfiddle，它可以做你需要的事情。

http://jsfiddle.net/mVLJf/

您可以使用.after()查询函数将内容或元素放在jquery选择器中所选元素的后面。

Answer 2

使用jQuery的offset方法获取链接的位置。它返回相关元素相对于整个文档的顶部和左侧位置。

只需将您的DIV放在链接下并显示它。

您可能还想从顶部位置减去document.scrollHeight()。

// get position of your link
var left = jQuery("A#myLink").offset().left;
var top = jQuery("A#myLink").offset().top;

// position the DIV by the link minus how far the page is scrolled
// plus 10px so it shows up under your link
jQuery("#myDiv").style("left", left);
jQuery("#myDiv").style("top", top-document.scrollHeight()+10+"px");