使用iframe和生成的元素的Jquery简单模态对话框

Question

好的，伙计们，我需要你的帮助。 我的英语不太好，所以我希望你能理解我的意思。

我需要一些非常简单的模态对话框，它只能通过JavaScript或Jquery生成。 在那个模态中，我将有一些iframe。 其中的Modal和iframe必须通过JavaScript或Jquery生成，因为我只需要在<script>一些代码和body <a>链接来调用js或jquery代码并在其中生成带有iframe的模态。

如果需要CSS来创建模态和iframe，那么CSS也将通过该代码创建。 客户端会将这些<script>和<a>标签放在他的网站上，然后单击使用iframe获取模态。 在iframe中将是我自己网站的内容。 我需要广告，例如Google广告。

PS我知道如何通过JavaScript创建iframe，所以基本上我需要那个模态对话框来完成代码。 我可以在没有模态对话框的情况下使用弹出窗口，但我需要更好的解决方案。

有什么建议？ 谢谢。

Answer 1

使用Colorbox 。 它将允许您使用iframe内容，而您使用的只是<a>标签。 超级简单，100％可定制。 我把它用于我的很多客户工作。 在示例页面上，您将看到iFramed内容的示例 。 如果您查看源，您将看到以下用法：

$(".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 ..