为动态添加的 jQuery 元素绑定 onclickevent

Question

请问如何为 JQuery 中动态添加的 iframe 元素绑定 onclick 函数。

情况就像 - 我有 4 个单选按钮。每当有人选择第二个单选按钮时，我都会加载一个 iframe，并且该 iframe 中有一个按钮，我需要从外部 JS 文件中获得一个 onclick 函数。

页面加载 $("#iframe").length = 0，因此无法使用 $("#iframe").find 方法。

请指教

谢谢， 阿尼克特

Answer 1

找到带有有效选择器的 iFrame 并使用 .contents() 获取其内容。

var iframe = $('#your_iframe').contents();

iframe.find('your_clicable_item').click(function(event){
   console.log('work fine');
});