无法在iframe中隐藏元素

Question

我正在使用Joomla框架。我创建了一个系统插件，它应该加载到每个页面上。当我导航到特定组件时，我看到我的插件图标出现在文档的底部，这是正确的。

当我点击加载显示整个文档的iframe时，我隐藏了iframe之外的插件，如下所示：

$('body').on('click', '[data-eb-composer]', function() {

     //hide the plugin icon
    $('.btn-toggle-ckit').hide();
});

不幸的是，这并没有隐藏iframe内加载的插件。虽然我尝试使用相同的方法隐藏，但它不起作用。基本上我的插件的两个图标是在加载iframe时加载的，在它的外面和另一个里面。

$('.iframe-composer').contents().find('.btn-toggle-ckit').hide();

如何隐藏iframe的插件图标？

尝试但没有工作：

$(window).load(function(){
  $(".iframe-composer").contents().find('.btn-toggle-ckit').hide();   
    });

Answer 1

除了dom load之外，如何绑定帧负载？

 $(function() {
    var frame = $(".iframe-composer");
    frame.load(function() {
        frame.contents().find('.btn-toggle-ckit').hide();
    });
 })

Answer 2

当您在开发者控制台$（＆＃34; .iframe-composer＆＃34;）中运行此元素时，您是否获得了DOM元素.content（）。find（＆＃39; .btn-toggle-ckit＆＃39 ;）

尝试$（＆＃39;＃idaboveIframe＆＃34;）。contents（）。find（＆＃39; iframe＆＃39;）。contents（）。find（＆＃39; .btn-toggle-ckit＆＃ 39;）隐藏（）