使用jquery获取和修改iframe内容

Question

我想将标记添加到iframe的body标记中。以下代码可以执行此操作，但仅当iframe内容对象位于click事件内部时。这是一个例子：

$(document).ready( function() {

    var tinymceFrame = $('#editor_ifr').contents().find('#tinymce');

    $('body').on('click', 'button', function() {
        $(tinymceFrame).append('<img class="widgetty" title="Widget" src="" />');
    });
});

这不起作用，但如果我在click事件中移动tinymceFrame行，它将起作用。

此外，将图片添加到iframe的body标签后如何触发该图片上的点击事件？ 我试过像：

$(tinymceFrame).on('click', '.widgetty', function() {
    alert('test');
});