創建彈出內容與jQuery

比方說，我有這樣的代碼創建彈出內容與jQuery

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

現在我想 - 使用的JavaScript/jquery-創建一個彈出窗口，窗口內容是test段的內容，點擊test-link時。這怎麼辦？

來源

2010-06-25 Ibrahim Hussein

<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(); 
}

來源

2010-06-25 12:22:21

您可以使用jQuery UI (dialog)來完成此操作（請參閱參考文檔中的示例）。

來源

2010-06-25 12:19:34 Bruno

不幸的是，我想要一個彈出窗口，而不是一個模式或對話框。 – 2010-06-25 12:22:39

在這種情況下，pranay_stacker的答案應該有效。我傾向於喜歡對話，因爲他們可以更好地控制自己的位置，並且看起來更好。有些人強制彈出窗口打開新標籤和/或阻止他們調整大小，因爲這些可能會根據網站，尤其是自動打開（onload）彈出窗口而煩人，儘管很少有現代網站似乎使用這些。 – Bruno 2010-06-25 12:39:18

使用jQuery UI dialog顯示彈出。

爲HTML代碼：

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

如果你不想去jQuery用戶界面對話框，然後就可以使用ThickBox。

來源

2010-06-25 12:23:10 Krunal

即時通訊使用http://defunkt.github.com/facebox/其不錯。

來源

2010-06-25 12:32:19 vertazzar

創建彈出內容與jQuery

回答

相關問題