如何获得一个JavaScript弹出式div，以在其单击的每个链接旁边显示？

Question

如何获得最初隐藏的JavaScript弹出窗口div id =“ signup-form”，以直接在其单击的每个链接下显示？

链接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");