iframe对象的Click事件不起作用

Question

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

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>'");