Jquery簡單的模態對話框與iframe和生成的元素

Question

好吧，夥計們，我需要你的幫助。我的英語不太好，所以我希望你能明白我想要的。

我需要一些非常簡單的模式對話框，它只能通過JavaScript或Jquery生成。在這種模式下，我會有一些iframe。其中的Modal和iframe必須通過JavaScript或Jquery生成，因爲我需要<script>和<a>鏈接body中的一些代碼來調用該js或jquery代碼並使用iframe生成模態。

如果需要CSS來創建模態和iframe，CSS也會通過該代碼創建。客戶將把他的<script>和<a>標籤放在他的網站上，然後點擊獲取iframe的模態。在iframe中將是我自己網站的內容。我需要Google廣告這樣的廣告。

P.S.我知道如何通過JavaScript創建iframe，所以基本上我需要那個模式對話框來完成代碼。我可以做到這一點，沒有模式對話框，使用彈出窗口，但我需要更好的解決方案。

有什麼建議嗎？謝謝。

Answer 1

使用Colorbox。它會允許你使用iframe內容，並且你使用的都是<a>標籤。超級簡單，100％可定製。我用它來做很多我的客戶工作。在示例頁面上，您將看到iFramed內容的example。如果您查看源代碼，你將看到以下用法：

$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 
... 
<p><a class='iframe' href="http://threadless.com">Outside Webpage (Iframe)</a></p> 

一個<script>和<a>標籤。

不通過代碼生成的CSS，但是，你可以很容易地添加一行的腳本jQuery來做到這一點，其獲取模式的負載後調用的一部分：

$('cboxOverlay').css({ background: '#fff' }); 
// etc ..