jQuery .ready w dynamicznie wstawianej ramce iframe

Używamy jQuery thickbox, aby dynamicznie wyświetlać ramkę iframe, gdy ktoś kliknie zdjęcie. W tym iframe, używamy Galleria javascript biblioteki wyświetlanie wielu zdjęć.

Problemem wydaje się być to, że $(document).readyw ramce iframe wydaje się, że została uruchomiona zbyt wcześnie, a zawartość ramki iframe nie jest jeszcze ładowana, więc kod galerii nie jest poprawnie stosowany do elementów DOM. $(document).readyzdaje się używać stanu nadrzędnego elementu iframe, aby zdecydować, czy element iframe jest gotowy.

Jeśli wyodrębnimy funkcję wywoływaną przez dokument w osobnej funkcji i wywołamy ją po upływie 100 ms. Działa, ale nie możemy ryzykować produkcji przy wolnym komputerze.

$(document).ready(function() { setTimeout(ApplyGalleria, 100); });

Moje pytanie: które zdarzenie jQuery powinniśmy powiązać, aby móc wykonać nasz kod, gdy dynamiczny iframe jest gotowy, a nie tylko rodzicem?

Odpowiedziałem na podobne pytanie (patrz wywołanie zwrotne JavaScript, gdy IFRAME kończy ładowanie? ). Możesz uzyskać kontrolę nad zdarzeniem ładowania iframe za pomocą następującego kodu:

function callIframe(url, callback) {
    $(document.body).append('<IFRAME id="myId" ...>');
    $('iframe#myId').attr('src', url);

    $('iframe#myId').load(function() {
        callback(this);
    });
}

W przypadku ramek iframe uznałem, że wystarczy użyć zdarzenia load zamiast zdarzenia ready document.