将事件附加到将来的iframe元素

Question

我正在尝试将click事件处理程序附加到将来出现的元素。该元素位于iframe中。

如果它不在iframe中，我会使用以下内容。

$(document).on('click', '#logout', function(e) {
    console.log('Click registered!')
}

出于某种原因，我的大脑让我无法让这个为iframe（同一个域）中的元素工作。

在这里进行了很好的搜索，但没有一个我可以找到这个确切的问题。

帮助？

Answer 1

事件委托取决于事件冒泡，并且事件不会从iframe冒泡到父文档中。因此，您必须将处理程序绑定到iframe中的文档：

$("#iframe").contents().on('click', '#logout', function(e) {
    console.log('Click registered!')
}