jquery - 将事件附加到 iframe 内的图像

Question

我有一个 iframe（id=iframe），我正在尝试将 onClick 事件附加到每个 iframe。iframe 在域内。

$("#iframe").contents().find('img').each(function () {
    $(this).on('click', function (event) {
        $('#image-box', window.parent.document).show(300);
        window.parent.document.getImage(this);
    });
});

提前致谢

Answer 1

我必须先加载 iframe，否则它将无法工作。因此，解决方案如下所示：

var iframe = $("#iframe");
iframe.load(function () {
    iframe.contents().find('img').each(function () {
        $(this).on('click', function (event) {
            $('#image-box', window.parent.show(300));
            window.parent.getImage(this);
        });
    });
});

Answer 2

在您的 iframe 中没有 jquery，您应该使用父窗口中的 Jquery 函数。我现在不记得 jQuery 函数是在文档中还是在窗口浏览器对象中。

$("#iframe").contents().find('img').each(function () {
    $(this).on('click', function (event) {
        window.parent.document.$('#image-box', window.parent.document).show(300);
        window.parent.document.getImage(this);
    });
});

希望能帮助到你...