0

selectというフィールドから選択した背景を保存する必要があるため、このコードを使用していますrds。この関数は Cookie も保存するので、ページが読み込まれるたびに、選択した背景を見ることができます。

問題は$('dado')、「dado」が iframe の名前である を含む行にあります。

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'));
});

上記のコードを使用すると、背景を変更して保存できますbodyが、iframe に読み込まれたページの背景は変更できません。

<iframe id="dado" src="http://mk7vrlist.altervista.org/link.html" width="100%" height="840px" frameBorder="0">
  Your browser doesn't load the iframes.
</iframe>

サーバーでホストされているページを常にロードしています。私に何ができる？

4

1 に答える 1

2

「id」でタグをターゲットにするには、「#」を使用する必要があります。以下のコードを自分のものに置き換えて確認してください。

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

ソース: http://api.jquery.com/id-selector/

于 2013-09-30T11:54:44.370 に答える