要素がクリックされたときにiframeを隠す

Question

iframeが隠されていて、関数の読み込みが終了すると可視性が変わります。

ロード機能では、非表示の一部の要素や背景色の変更など、iframeスタイルにいくつかの変更を加えるため、ユーザーは古いスタイルを表示しないため、 iframeを可視にします。

ユーザーが別のページに移動する要素をクリックすると、iframeロード機能が終了してスタイルが再び変更されるまで古いスタイルが表示されるという問題があります。

ユーザーがこの要素をクリックした後、読み込み機能でiframeを再度表示するように変更すると、iframeの表示を非表示に変更したいと考えています。

今私はこれをやっている：

$(function(){ 
    var f=$('#foo') 
    f.load(function(){ 
     var css = '<style type="text/css">#_____c, #navTabs {display: none;} body{background: white;}</style>'; 
     f.contents().find("head").append(css); 

     document.getElementById("foo").style.visibility = 'visible'; 

     f.contents().find("#_bw0__r").on('click', function(event) { 
      document.getElementById("foo").style.visibility = 'hidden'; 
     }) 
    }); 
}); 

しかし、ユーザーは、onClickの機能は、次のページのロードでは動作しませんIFRAMEのいくつかの要素と相互作用。

Answer 1

f.contents().find("#_bw0__r").on('click', function(event) { 
     document.getElementById("foo").style.visibility = 'hidden'; 
    }) 

外f.load（機能）