Jquery具有iframe和生成的元素的简单模态对话框

Jquery simple modal dialog with iframe and generated elements

本文关键字：元素 简单 模态 对话框 具有 iframe Jquery      更新时间：2023-09-26

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

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

如果需要CSS在其中创建modal和iframe，CSS也将通过该代码创建。客户会把这些<script>和<a>标签放在他的网站上，然后点击iframe获取模态。在iframe将是我自己网站的内容。我需要它做广告，比如谷歌广告。

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

有什么建议吗？非常感谢。

使用颜色框。它将允许您对内容进行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中添加一行作为脚本的一部分来完成这一操作，jQuery在模态加载后调用：

$('cboxOverlay').css({ background: '#fff' });
// etc ..
相关文章：