使用jQuery更改iFrame背景

时间:2013-09-30 11:48:14

标签: javascript jquery html

我正在使用此代码,因为我需要保存我从名为select的{​​{1}}字段中选择的背景。该函数也保存了一个cookie,因此每次加载页面时,我都可以看到我选择的背景。

问题在于包含rds的行,其中'dado'是我的iframe的名称。

$('dado')

上面的代码我可以更改并保存var setBackground = function(bgImg) { $.cookie('bgImg', bgImg, { expires: 720 }); $('body').css('background-image', 'url(http://mk7vrlist.altervista.org/backgrounds/' + bgImg + ')'); $('dado').contents().find('body').css('background-image', 'url(http://mk7vrlist.altervista.org/backgrounds/' + bgImg + ')'); } $(function() { $('#rds').change(function() { setBackground($(this).val()); }); setBackground($.cookie('bgImg')); }); 的背景,但iframe上加载的页面背景却没有。

body

我一直在加载托管在我服务器上的页面。我该怎么办?

1 个答案:

答案 0 :(得分:2)

要使用'id'定位标记,您应该使用'#'。用你的代码替换下面的代码并检查。

$('#dado').contents().find('body').css('background-image', 'url(http://mk7vrlist.altervista.org/backgrounds/' + bgImg + ')');

来源:http://api.jquery.com/id-selector/