Question

假设我有以下内容：

的default.asp：

<iframe src="frameOne.asp" id="myframeOne"></iframe>

frameOne.asp：

<iframe src="frameTwo.asp" id="myframe"></iframe>

frameTwo.asp：

<div id="hello">Test text</div>

以下为什么不起作用（＃1）：

$("#myframeOne").load(function () {
         $('#myframeOne').contents().find('#myframeTwo').load(function(){
             $('#myframeOne').contents().find('#myframeTwo').contents().find('#hello').css('background-color','blue');
         });
    });

这确实适用于CSS？（＃2）：

 $("#myframeOne").load(function () {
             $('#myframeOne').contents().find('#myframeTwo').ready(function(){
                 $('#myframeOne').contents().find('#myframeTwo').contents().find('#hello').css('background-color','blue');
             });
        });

这个不是（＃3）：

$("#myframeOne").ready(function () {
                 $('#myframeOne').contents().find('#myframeTwo').ready(function(){
                     $('#myframeOne').contents().find('#myframeTwo').contents().find('#hello').css('background-color','blue');
                 });
            });

据我所知，.load一直等到iframe的内容被加载，所以我不太明白为什么它在帧上表现不同（为什么它适用于外框，但不适用于内框）。

Answer 1

使用iframe我总是使用加载功能。我的ready函数也有问题，所以尝试使用load函数。

jQuery - iframe里面的iframe - ready vs load

1 个答案: