如何将类添加到生成的 iframe 内的正文标记

Posted

技术标签:

【中文标题】如何将类添加到生成的 iframe 内的正文标记【英文标题】:How to addClass to a body tag inside a generated iframe 【发布时间】:2011-05-29 09:55:39 【问题描述】:

我正在使用 JQ Colorbox 插件(一种 Lightbox),我想将一个类添加到通过 Colorbox 的 iframe 函数加载的文档的正文中。

基本上,我试图:

$("iframe").contents().find('body').addClass('foo');

但这似乎不起作用,可能是因为我的 iframe 是在用户调用 Colorbox 之后才生成的?

有没有办法达到这样的效果?

非常感谢。

【问题讨论】:

【参考方案1】:

ColorBox documentation 表示您可以使用 4 个事件挂钩。例如(从他们的示例页面中提取);

$("#myColorBox").colorbox(
    onComplete: function()
        alert('onComplete: colorbox has displayed the loaded content');
    
);

【讨论】:

谢谢。我试过你的代码,它可以工作,但是这个触发了一个错误:pastebin.com/asxUNe3x 说 $ 是未定义的。我想我错过了什么。 $ 是 jQuery。在调用 $. 之前确保 jQuery 已经加载

以上是关于如何将类添加到生成的 iframe 内的正文标记的主要内容,如果未能解决你的问题,请参考以下文章

如何使用装饰器将类的方法添加到类内的列表中

将 target=“_top” 添加到 fancybox iframe 内的墨迹

当单击 iframe 窗口内的 li 不适用时,使用 jquery 向 <Li> 标记添加一个类

Kendo UI Grid - 如何将类添加到生成的表中

如何将类添加到由 appendChild 创建的元素 [重复]

markdown 将类添加到Drupal 8页面的body标记而不更改模板