iframe 对象的点击事件不起作用

Question

我想使用在 wordpress 页面中加载的 iframe 的点击事件。 我的代码如下：

jQuery('#iframe_id').load(function(){
        var iframe = jQuery('#iframe_id').contents();
        iframe.find("#logout_btn").click(function(){
            alert("test");
        });
    });

如果 iframe 在使用 http 的服务器上，则它可以工作，但如果 iframe 在使用 https 的服务器上，则不起作用。

任何帮助/建议将不胜感激。

Answer 1

使用 .find("body").on('click' 。见FIDDLE

$('#iframe_id').load(function(){
    $(this).contents().find("body").on('click','#logout_btn',function(event) { 
      alert('test'); 
    });
});
$('iframe').attr("src","JavaScript:'<button id=logout_btn>Button</button>'");