Question

可能重复：
How to write this in 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
});

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

有人能告诉我怎么做到这一点吗？

jQuery - 从iframe绑定到父页面上的事件

0 个答案: