Close Bootstrap modalne od wewnątrz iframe

Question

stronę, która otwiera Twitter Bootstrap modalnych z iframe wewnątrz:

<div id="iframeModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
     <button type="button" class="btn btn-danger pull-right" data-dismiss="modal" aria-hidden="true">Close</button> 
     <div class="clearfix"></div> 
    </div> 
    <div class="modal-body"> 
     <iframe src="iframe-modal.html"></iframe> 
    </div> 
    <div class="modal-footer"> 
    </div> 
</div> 

I szukam sposób, aby zamknąć ten modal od wewnątrz iframe. Przykł. klikając łącze wewnątrz iframe-modal.html, aby zamknąć modal. Co Próbowałem, ale nie udane:

$('#iframeModal', window.parent.document).modal('hide'); 
    $('#iframeModal', top.document).modal('hide'); 
    $('#iframeModal').modal('hide'); 

Answer 1

zawsze można utworzyć globalnie dostępną funkcję, która zamyka okno modalne Bootstrap.

np.

window.closeModal = function(){ 
    $('#iframeModal').modal('hide'); 
}; 

Następnie z iframe, nazywają go za pomocą:

window.parent.closeModal(); 

Answer 2

Problem jest, że wydarzenia jQuery są zarejestrowane przykład pojedynczej strony w jQuery. Tak więc $('#iframeModal', window.parent.document).modal('hide'); faktycznie wywoła zdarzenie hide w elemencie iframe, a nie dokument nadrzędny.

To powinno działać: parent.$('#iframeModal').modal('hide');

ten użyje wystąpienie rodzica jQuery znaleźć element (tak potrzebne jest brak kontekstu), a zostanie on ognia zdarzenie prawidłowo rodzica.

Answer 3

Jeszcze rozwiązanie w przypadku, gdy nie wiem id modalnych, które wykorzystują iframe:

funkcji Dodaj CloseModal

function CloseModal(frameElement) { 
    if (frameElement) { 
     var dialog = $(frameElement).closest(".modal"); 
     if (dialog.length > 0) { 
      dialog.modal("hide"); 
     } 
    } 
} 

gdzie frameElement jest odniesienie do iframe elementu pojemnika.

I ten parametr może być przekazywana z iframe tak:

window.parent.CloseModal(window.frameElement); 

Więcej o window.frameElement można znaleźć here

Answer 4

Można też wyzwolić kliknij przycisk zamykania:

$('#iframeModal button.mce-close', parent.document).trigger('click');