2

可能重复：
如何在 jQuery“window.parent.document.getElementById('parentPrice').innerHTML”中写这个？

我有一个应用程序要移植到浏览器以进行演示。

基本上我有一个包含实际应用程序的 iframe 的父页面。在父页面上，我有一些按钮来模拟设备控制。

基本上我需要一些方法来让 iframe 中运行的应用程序捕获这些父页面按钮的点击。

我尝试在父页面上创建全局函数来设置绑定，例如：

// parent document
var bindLeftArrow = function (callback) {
    $("div#controls button#left-arrow").on("click", function () {
        callback();
    });
};

// app initialization within iframe
parent.bindLeftArrow(function () {
    console.log("Left arrow pressed!");
    // do stuff
});

这不起作用，因为“按下左箭头”永远不会转储到我的控制台中。我认为我可以做的另一件事是：

// parent document
$("div#controls button#left-arrow").on("click", function () {
    $(document).trigger("LEFT_ARROW_PRESSED");
});

// app in iframe
$(<parent document selector>).bind("LEFT_ARROW_PRESSED", function () {
    console.log("Left arrow pressed!");
    // do stuff
});

只有我不知道我会把什么作为选择器而不是“父文档选择器”。

谁能告诉我我将如何做到这一点？

4

0 回答 0