将自定义css插入iframe(Wordpress - 常用解决方案无效)

时间:2017-03-20 03:20:21

标签: wordpress iframe

所以我知道这里已经有类似的问题了,我问这个问题的原因是因为我无法让任何其他解决方案起作用。

所以我所做的就是在我的html中有一个像iframe一样的iframe:

<iframe name="frame1" id="frame1" scrolling="auto" frameborder="no" onload="resizeIframe(this)" style="width:100%; height:1000px;" src="https://www.treeofgnosis.com/community/discussion/151/faq"></iframe>

然后我添加了代码,将自定义CSS添加到iframe,就像在html下面直接添加:

<script type="text/javascript">
jQuery(function($) {
var $head = $('#frame1 head');
var url = "/wp-content/themes/layerswp/iframe.css";
$head.append('<link rel="stylesheet" type="text/css" href="' + url + '" />');              
});
alert("Alert\$head function us running");
</script>

据我所知,代码全部正在运行(iframe显示警报也是如此) - 但是当我检查DOM时,自定义不会附加到iframe内容的头部。

当我在页面加载后手动插入头部时,css确实适用,因此错误不存在。

以下是我正在处理的网页的链接,iframe位于屏幕底部:https://www.treeofgnosis.com/faq/

任何帮助都会受到赞赏,我不知道为什么事情不起作用。我还尝试了其他一些代码变体 - 但情况仍然几乎相同。所以,我真的在寻找为什么事情不起作用。

(控制台日志中的PS,没有与此相关的错误)

0 个答案:

没有答案