Javascript 使用jquery创建弹出式内容

假设我有这个代码

<p id="test">
  some content
<p>
<a href="#" id="test-link">Open</a>

一些内容

现在我想使用javascript/jquery创建一个弹出窗口，当点击

test链接时，窗口内容就是
test
段落的内容。
如何做到这一点？
您可以使用（参见参考文档中的示例）。

函数popup（）
{
var生成器=window.open（“”，'name'，'height=400，width=500'）；
生成器.document.write（'Popup'）；
generator.document.write（$（“#test”）.html（）；
生成器。文件。写入（“”）；
generator.document.close（）；
}
使用显示弹出窗口

对于您的html：

$(function()
{
    $("#test-link").click(function()
    {
         $("#test").dialog({ resizable: true,
                modal: false, draggable: true
         });
    });
});

如果你不想使用jQuery UI对话框，那么你可以使用
im使用它的优点。
不幸的是，我想要的是一个弹出窗口，而不是一个模式或对话框。在这种情况下，pranay_stacker的答案应该有效。我倾向于使用对话框，因为它们可以让你更好地控制自己的位置，而且看起来也更好。有些人强迫弹出窗口在新标签页中打开和/或阻止它们调整大小，因为这些可能会因网站而异，特别是自动打开（onload）弹出窗口，尽管现在似乎很少有现代网站使用这些弹出窗口。
$(function()
{
    $("#test-link").click(function()
    {
         $("#test").dialog({ resizable: true,
                modal: false, draggable: true
         });
    });
});