从 iframe 触发 jQuery 事件

Question

这是场景，我在 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' );

Answer 1

如果您在父框架中加载了 jQuery，请尝试：

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

如果没有，试试这个，我不确定它是否会起作用，但我只是查看了 jQuery 源代码并认为它​​可以：

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

（绑定eventName时做同样的事情） 据我所知，问题在于 jQuery 正在使用来自本地页面的数据，这会导致问题，因为它看起来像是在尝试从其他框架加载数据。换句话说，就是一团糟，但是.bind、.trigger等接受了data参数。

Answer 2

在 iframe js 代码中试试这个

var parentWin = $( window.parent.document.body );
jQuery.event.trigger('eventName', parentWin.data(), parentWin );

Answer 3

所以这将是你的 iFrame 中的代码：

$('#myElem').click(function() {

    window.parent.success_msg();

});

而且这段代码需要在父窗口中：

window.success_msg = function() {

    // Your code goes here

};

您还需要在本地或托管的服务器上运行它。