如何使用jQuery获取iframe内容(html)并另存为变量?

如何使用jQuery获取iframe内容(html)并另存为变量?,jquery,iframe,Jquery,Iframe,问题:每当我调整窗口大小时,Wordpress网站上的twitter小部件就会消失。我认为这是由一些带有主题的脚本引起的。 (小部件消失后,如果我看到源代码,我仍然保留标记,但和中的内容不见了) 因此,我试图通过保存iframe的和的html内容来解决这个问题,并在检测到窗口调整大小事件时自动将它们附加到相应的标记中 var head = jQuery('iframe.twitter-timeline').contents().find('head').contents(); var body

问题:每当我调整窗口大小时,Wordpress网站上的twitter小部件就会消失。我认为这是由一些带有主题的脚本引起的。 (小部件消失后,如果我看到源代码,我仍然保留
标记,但
中的内容不见了)

因此,我试图通过保存iframe的
的html内容来解决这个问题,并在检测到窗口调整大小事件时自动将它们附加到相应的标记中

var head = jQuery('iframe.twitter-timeline').contents().find('head').contents();
var body = jQuery('iframe.twitter-timeline').contents().find('body').contents();


jQuery(window).on('resize', function(){
    jQuery('iframe.twitter-timeline').contents().find('head').append(head);
    jQuery('iframe.twitter-timeline').contents().find('body').append(body);
});
上面是我正在测试的代码

如果我键入
jQuery('iframe.twitter timeline').contents().find('body').contents()部分在Chrome的控制台中,我可以获取内容,并且可以毫无问题地将其保存在变量中,并完全按照我想要的方式实现整个功能

但是,如果我将上述脚本保存在footer.php文件中并实现,那么它根本不起作用。此外,当我尝试检查变量head和body中的内容时,Chrome控制台不返回任何内容(空变量)

谁能告诉我, 如果我走对了方向?还是有更好(更安全/更合适)的方法来解决此类问题? 如何保存iframe的内容(html)



==========更新//问题解决了=============

我通过修改代码解决了这个问题

window.onload = function () {
    var head = jQuery('iframe.twitter-timeline').contents().find('head');
    var body = jQuery('iframe.twitter-timeline').contents().find('body');

    jQuery(window).on('resize', function(){
        jQuery('iframe.twitter-timeline').contents().find('head').append(head);
        jQuery('iframe.twitter-timeline').contents().find('body').append(body);
    }); 
};
我很确定它会以某种方式工作,因为它在chrome的控制台中工作,但不能像最初提到的那样在php文件中工作。 总之,
jQuery(document).ready(function(){//bla,bla,bla})对我不起作用,但不知何故,
window.onload=function(){}
完全按照我想要的方式工作。 所以问题解决了


但是感谢各位的回复。

我如何保存iframe的内容(html)?不幸的是,你不能以一种值得付出努力的方式。可能重复@Matt:我已经读过这篇文章并回复了,但对我来说没有成功。我想是我不知道如何正确地修改代码。该网站现在正在工作无论如何,我感谢你的答复。非常感谢。@JimKim:请将您的答案添加为答案,而不是放在问题上,这样人们就可以看到有答案了。