Javascript 如何将其他内容放入fancybox iframe

我很难弄清楚如何将一些额外的内容放入使用fancybox显示的iframe中

我的基本设置：

$('.fancybox').fancybox({
    'autoScale': false,
    'transitionIn': 'none',
    'transitionOut': 'none',
    'type': 'iframe',
    'padding': 0,
    'closeClick': false,
    helpers: {
        overlay: {
            closeClick: false
        }
    }

<a class="fancybox" href ="http://my-iframe.example"/><img src="myimage.jpg" width="x" height="y" /></a>

$（'.fancybox'）.fancybox({
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”，
'type'：'iframe'，
“填充”：0，
“closeClick”：false，
助手：{
覆盖：{
closeClick:false
}
}

因此，我需要在iframe下放置几个自定义按钮和另一个javascript小部件，但要放在后台覆盖的顶部

---

我只是很难理解什么可能是最好的方法。我想我可以将此内容放在一个div中，然后在fancybox完成加载后显示该div？但是我在回调函数方面遇到了问题，所以我只需要一些关于最佳方法的一般指导。

如果iframe来自同一个域t当您可以使用

contents（）访问内容时

如果使用fancybox v2.x，请尝试在演示后回拨
以将附加内容附加到
。fancybox内部
选择器，如：

afterShow: function(){
 var customContent = "<div class='customHTML'>My custom content</div>"
 $('.fancybox-inner').append(customContent);
}

我需要FancyBox 1.3的解决方案，在我的例子中，我使用了onComplete事件来更新内容

<a class="iframe" id="fancybox-preview-card" href="about:blank"></a>

您可以尝试使用数据属性（数据fancybox标题）并初始化fancybox以将其置于顶部，如下所示：


$（“.fancybox视频”）.fancybox({
助手：{
标题：{
键入：“内部”，
位置：'顶部'
}
}
})；
什么版本的fancybox？因为您使用的是v1.3.x和v2.x中的选项，它们彼此不兼容。啊，好的观点！我使用的是版本2。如果Frame是用于不同的域，请欣赏答案，我们将尝试。OP在原始问题中没有指定fancybox的版本，但他使用的是v2.x…在这种情况下选择器
$（“#fancybox frame”）
（对于v1.3.2+）对于v2应该是
$（“.fancybox iframe”）
。x@JFK这应该是一个更精确的答案，我对fancybox没有经验，只是查看了一下网站，看看它是如何工作的：）
afterShow: function(){
 var customContent = "<div class='customHTML'>My custom content</div>"
 $('.fancybox-inner').append(customContent);
}

.customHTML {
 position: absolute; 
 z-index: 99999; /* this place the content over the fancybox */
 bottom: 0px;
 right: 0;
 background: #f2f2f2;
 width: 200px;
 height: 100px;
 display: block;
}

<a class="iframe" id="fancybox-preview-card" href="about:blank"></a>