Question

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

我需要一些非常简单的模态对话框，它只能通过JavaScript或Jquery生成。在那个模态中，我将有一些iframe。其中的模态和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％可定制。我把它用于我的很多客户工作。在示例页面上，您将看到example的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 ..

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

1 个答案: