Fancybox -如何改变iframe的内容？

Question

我需要在iframe窗口中设置或更新自定义HTML代码。那我该怎么做?！“内容”选项不起作用！在本地主机上测试。

  $("test").fancybox({
  'width'    : 300,
  'height'   : 300,
        'autoScale'      : false,
        'type' : 'iframe',
        'content' : '<H5> It`s does not work</h5>'
 });

​

如果不可能更改跨域iframe的内容(如我的例子)，那么，请告诉我如何在同一个域上进行修改。例如，我们在http://localhost/page1.html和iframe到http://localhost/page2.html的链接上

Answer 1

当fancybox打开时，您可以使用$('.fancybox-iframe')访问iframe元素。

如果iframe中的文档位于同一域中，则可以使用jQuery更改内容：

$('body',$('.fancybox-iframe').contents()).html('new content');

当fancybox-iframe尚未打开时，您可以在afterLoad回调中执行相同的操作：

$("test").fancybox({
  'width'    : 300,
  'height'   : 300,
        'autoScale'      : false,
        'type' : 'iframe',
        'href':'page2.html',
        afterLoad:function(){$('body',$('.fancybox-iframe').contents())
                              .html('new content');}
 });

和是的:不可能更改跨域iframe的内容(在本例中，您只能将一个全新的文档加载到iframe中)。