使用jquery创建弹出内容

假设我有这个代码

 some content 
 Open 

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

Answer 1

  Open function popup() { var generator=window.open('','name','height=400,width=500'); generator.document.write(''); generator.document.write($("#test").html()); generator.document.write(''); generator.document.close(); } 

Answer 2

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

Answer 3

即时通讯使用http://defunkt.github.com/facebox/很好。

Answer 4

使用jQuery UI对话框显示弹出窗口。

对于你的HTML：

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

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