Question

我有一个iframe（带有id = iframe），我正在尝试将onClick事件附加到每个。 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);
    });
});

希望它有所帮助...

将事件附加到iframe内的图像

2 个答案: