关于 javascript:Jquery $(window).load 在从 iframe 内部引用的脚本中无法按预期工作

Jquery $(window).load not working as expected when in script referenced from inside an iframe

我有一个带有 iframe 的页面。我正在尝试将动画加载到这个 iframe 中。每条内容都是一个 html 页面，其中包含对执行某种动画的 javascript/jquery 脚本的引用。例如：

content.html

1
2
3
4
5
6
7

big_slide_img.js

1
2
3
4

$(window).load(function()
{
$("#iframe").contents().find(‘.big_slide_img’).animate({left: ‘-=521’}, 800,function(){});
});

如何加载

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

loadSlide = function(slide_no)
{
$.ajax(
{
url:"http://myurl.com",
async: false,
jsonpCallback: ‘jsonCallback’,
contentType:"application/json",
type:"GET",
dataType:"jsonp",
data: {"action":"loadall"},
success: function(data)
{
$(‘#frame_title’).html(data.title);
$(‘#text’).html(data.text);
$(‘#iframe’).contents().find(‘html’).html(data.animation);
},
error: function (event, jqXHR, ajaxSettings, thrownError)
{
alert(‘[event:’ + event + ‘], [jqXHR:’ + jqXHR + ‘], [ajaxSettings:’ + ajaxSettings + ‘], [thrownError:’ + thrownError + ‘])’);
}
});
};

我的问题

动画不一致，我怀疑这是由于 $(window).load 没有按预期等待。延迟解决了我所有的问题：

1
2
3
4

$(window).load(function()
{
$("#iframe").contents().find(‘.big_slide_img’).delay(800).animate({left: ‘521’}, 800,function(){});
});

我怎样才能毫不拖延地做到这一点？由于我不知道这些文件中的代码是什么，我想避免在外部监视 iframe 并在完成后调用特定函数。我希望/假设，我只是没有引用正确的东西。

非常感谢。

jQuery 不会调用 “load” 触发器，因为实例化 jQuery 的页面已经加载。

您可以在 iframe 中加载 jquery 并将此代码放在 “big_slide_img.js” 中：

$(function(){
$(“#iframe”).contents().find(‘.big_slide_img’).delay(800).animate({left: ‘521’}, 800,function(){});
});

或者你可以在 iframe 之外创建一个触发器，当 iframe 加载时调用它。

还有很多其他方法。

根据上面 VictorVRS 的评论和我的回复，我意识到我需要触发 iframe 的加载功能(我认为只有外部页面是)。我的 ajax 调用现在返回一个 url，而不是实际数据，它被设置到 iframe 的 src 中，加载页面。这变成了：

1	$(‘#iframe’).contents().find(‘html’).html(data.animation);

这个：

1	$(‘iframe’).attr(‘src’,data.animation_url);

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/268752.html

关于 javascript:Jquery $(window).load 在从 iframe 内部引用的脚本中无法按预期工作

Jquery $(window).load not working as expected when in script referenced from inside an iframe

相关推荐

发表回复