fancybox-3 - 如何在 fancybox 加载时显示 div

Question

我有一个包含隐藏 div 类的 CSS 的页面

.sectiondiv.showhide {
  display: none;
}

但是当在fancybox iframe 中加载相同的页面时，我希望相同的内容可见。我在 jquery.fancybox.css 中尝试了以下 CSS，但这没有帮助。对此修复有什么建议吗？

Answer 1

你为什么不简单地检查页面是否在 fancyBox iframe 中，如果需要，只需添加自定义 CSS？您可以创建像“mypage.html?fancyboxed=true”这样的链接，以使检查更容易。

另一种解决方案是使用 aferLoad 回调来访问 iframe 内容并进行一些修改。

这是您可以在 iframe 中访问某些元素的方式：

$.fancybox.getInstance().current.$content.find('iframe').contents().find('body')