javascript - jQuery:iframe 中的点击事件

Question

我试图在点击 iframe 内的元素时触发点击事件，但它似乎不起作用。我当前的设置:
jsFiddle:http://jsfiddle.net/q4aa3/
jQuery:

$(document).ready(function () {
    $('#this-iframe').load(function () {
        $('#this-iframe').contents().find('img').live({
            click: function () {
                alert('clicked img');
            }
        });
    });
});

点击 iframe 内的图片没有触发警报，我不确定为什么，或者是否有更好的方法来实现这一点？任何建议将不胜感激!

Answer 1

当您在同一个域中拥有 iframe 时，您可以使用此脚本来捕获 iframe 中的点击。不要使用 .live，它在 jQuery 1.7 中已贬值。

var iframeBody = $('body', $('#iframe')[0].contentWindow.document);
$(iframeBody).on('click', 'img', function(event) {
    doSomething();
});

您可以通过 iframeBody 变量操纵主体。