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