Hinzufügen `klicken` Ereignis zu Kind von` iframe` von `iframe` - nicht woking

Question

Ich versuche, ein Klickereignis zu einem des Elements hinzuzufügen, das innerhalb eines iframe von iframe verschachtelt wird.

dies ist ein iframe .ssueContentIframe unter diesem gibt es eine andere iframe als #SmartReportTabContent1 hinzugefügt so innerhalb des zweiten iframe Element, Ich versuche, ein Click-Ereignis wie folgt hinzuzufügen:

Grundsätzlich weiß ich nicht, wenn beide iframe wird geladen und alle Elemente zur Verfügung stehen, für die Zukunft ich füge:

$('.ssueContentIframe').contents().find('#SmartReportTabContent1').find('.ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ui-grid-row-selected').on('click', function(){ 
      alert('Hi'); 
     }); 

aber nicht funktioniert. Was ist die korrekte Art zu warten, bis beide von iframe existieren und das Click-Ereignis zu einem der Elemente hier hinzufügen?

Vielen Dank im Voraus!

Answer 1

Sie müssen "Inhalt" auch auf dem zweiten iframe verwenden. Um darauf zu warten, dass es geladen wird, können Sie das Ereignis "ready" auf dem zweiten iframe verwenden.

zB:

$("#SmartReportTabContent1").find("iframe").ready(function(){ 
    // do something once the iframe is loaded 
}); 

aktualisieren

-this Frage beziehen

Answer 2

Nun, ich diese bearbeiten, zuerst eine Last des ersten iframe tun und überprüfen Sie es gut geladen ist, dann tun die Funktion bei Klick auf das Element.

$(function(){ 
    $('#foo1').load(function(){ 
     alert("Loaded"); 
      $('#foo1').contents().find('iframe').contents().find('#test').on('click', function(event) { 
       alert("Working"); 
      }); 
    }); 
}); 

ich es auf meinem Computer getestet und funktionierte perfekt, erinnere mich an die Bibliothek betritt und, wenn Sie es nicht funktionieren wird keine Bibliothek hinzufügen.

Ändern Sie einfach die ID, die ich verwendet, zu Ihren IDs.