如何獲得一個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");