我怎样才能得到一个javascript弹出div来显示它点击的每个链接？

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

链接1

链接2

链接3

Div id=注册表单（显示：无）

---

抱歉，我在手机上很难编写代码

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

只要把你的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"); 

---

使用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"); 

---

下面是一个JSFIDLE，它可以满足您的需要

---

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

下面是一个JSFIDLE，它可以满足您的需要

---

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

这是非常模糊的。到目前为止你试过什么？您希望该功能具体做什么。Html/javascript示例？希望在单击的链接下显示div这是非常模糊的。到目前为止你试过什么？您希望该功能具体做什么。Html/javascript示例？希望在单击的链接下显示div