从iframe触发事件

Question

我在共享点站点上有两个Webparts ...这基本上就像有两个iframe。 我想做的是，如果webpartA有更改，我想更新WebpartB ...到目前为止，我所做的是在WebpartA上，我尝试触发自定义事件：

$("#datain").change(function () {
    parent.$("document").trigger("datachange" , [$("#datain").val()]);
})

在Webpart BI中，添加了一个Eventlistener：

parent.$("document").on('datachange',function (event, data) {
    $("#dataout").html(data);
});

当我在WebpartA上更改某些内容时，将触发该事件，但它永远不会到达WebpartB上的事件侦听器。 我的代码有什么问题吗？还是无法通过自定义事件在两个iframe之间进行通信？

谢谢您的帮助。

Answer 1

通过将“文档”更改为“正文”解决了该问题，因此Webpart A为：

$("#datain").change(function () {
    parent.$("body").trigger("datachange", [$("#datain").val()]);
})

Webpart B是：

parent.$("body").on('datachange',function (event, data) {
    $("#dataout").html(data);
});