从iframe触发jQuery事件

前端之家收集整理的这篇文章主要介绍了从iframe触发jQuery事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是场景,我有一个事件发生在一个iframe之内,直到现在一切都很好。我刚刚遇到了一个问题,我想将一个事件从iframe发送到父进程。

我正在使用它来触发iframe中的事件:

$('body',window.parent.document).trigger('eventName');
//and I've also tried
$(window.parent.document).find('body').trigger('eventName');

然后在父母页面中,我正在听这样的事件:

$('body').bind('eventName',myFunction)

我知道脚本得到触发器,因为我在触发器之前和之后卡住了一个console.log。 iframe在同一个域,所以没有问题。

我可以直接在父页面调用一个函数,如下所示:window.parent.functionName,但我想知道是否可以使用基于事件的解决方案。

解决

@cwolves的答案是非常好的:

parent.$('body').trigger( 'eventName' );

解决方法

如果您在父框架中加载了jQuery,请尝试:
parent.$('body').trigger( 'eventName' );

如果没有,尝试这个,我不知道它是否会工作,但我只是看着jQuery源码,并认为它可能:

var pBody = $( parent.document.body );
pBody.trigger( 'eventName',pBody.data() );

(当绑定eventName时也做同样的事情)据我所知,这个问题是jQuery正在使用本地页面的数据,这是因为它正在尝试从另一个框架加载数据而引起问题。换句话说,这是一个混乱,但在.bind,.trigger等中接受了数据参数。

猜你在找的HTML相关文章