如何在jQuery UI对话框中显示IFRAME

前端之家收集整理的这篇文章主要介绍了如何在jQuery UI对话框中显示IFRAME前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在升级的Web应用程序使用jQuery和jQuery UI。我已经替换了大多数实例的window.open和< a target = _blank>与jQuery UI对话框。例如,用于在新窗口中打开的条款和条件;现在我使用jQuery UI对话框与AJAX。为了一致性,我计划尽可能使用它。

一个这样的地方是一个页面,我将有外部链接到视频。就像是:

<a href="http://website.com/videos/1.html" target="_blank"><img src="http://website.com/videos/1.png"></a>
<a href="http://website.com/videos/2.html" target="_blank"><img src="http://website.com/videos/2.png"></a>

在某些情况下,我可能使用target = iframe1。现在,不是打开iframe或弹出窗口中的内容,我想在弹出对话框中显示内容。我如何使用jQuery UI对话框来实现呢?会有任何陷阱吗?

解决方法

有多种方式可以做到这一点,但我不知道哪一个是最好的做法。第一种方法是你可以在对话框容器中附加一个iFrame:
$("#dialog").append($("<iframe />").attr("src","your link")).dialog({dialogoptions});

另一种方法是使用ajax将外部链接内容加载到对话框容器中。

$("#dialog").load("yourajaxhandleraddress.htm").dialog({dialogoptions});

两个工作正常,但取决于外部内容

猜你在找的jQuery相关文章