Question

假设我有这段代码

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

现在我想 - 使用javascript / jquery-创建一个弹出窗口，当点击test时，窗口内容是test-link段落的内容。怎么可以这样做？

Answer 1

  <a href="javascript:popup();"  id="test-link">Open</a>

function popup()
{
  var generator=window.open('','name','height=400,width=500');

  generator.document.write('<html><head><title>Popup</title>');
  generator.document.write($("#test").html());
  generator.document.write('</body></html>');
  generator.document.close();
}

Answer 2

您可以使用jQuery UI (dialog)执行此操作（请参阅参考文档中的示例）。

Answer 3

即时使用http://defunkt.github.com/facebox/非常好。

Answer 4

使用 jQuery UI dialog 来显示弹出窗口。

对于你的html：

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

如果您不想使用jQuery UI对话框，则可以使用 ThickBox 。

使用jquery创建弹出内容

4 个答案: