bootstrap-modal-laden von Inhalten per remote-url, warten bei modalem voll geladen Inhalt erst angezeigt wird

ich bin in der Lage, laden von Inhalten über eine remote-url in ein bootstrap modal, aber das problem ist das modal Fenster öffnet sich, aber der Inhalt wird nicht geladen.

Sobald der Inhalt geladen wird, werden die Körper der modalen aktualisiert wird und die Höhe vergrößert, damit der Inhalt der modal.

Aber ich möchte nur die Anzeige des modalen sobald der Inhalt vollständig geladen ist, und vielleicht eine animierte gif, während der modal geladen.

Habe ich mir angeschaut, die docs, aber ich sah nicht alles, was es über vielleicht einen Rückruf, sobald der modal geladen. Ich hatte gehofft, vielleicht halten die modale verborgen, bis der Rückruf ausgelöst wurde und zeigt es an.
wie kann ich dies tun?

  • Zeigen nicht die modal-bis zur Erfolgs-callback des ajax-Methode ausgeführt wird. api.jquery.com/load/#callback-function
  • Sie könnte ein AJAX-call und die success rufen Sie die modale mit der HTML heruntergeladen mit AJAX angehängt. Das sollte genug sein, es sei denn, es ist eine form oder etwas, das muss reichen (wegen der action usw werden auf dem server zeigen, es sei denn, es ist absolute Pfad).
  • danke Jungs! ich habe es mit Eure Vorschläge.
InformationsquelleAutor Masu | 2013-05-13
  1. 8

    Habe ich es Dank der obigen Kommentare. Ich gespeichert die remote-urls für die Anker-tags, die trigger ein popup mit einem data-Attribut ('data-href') mit dem Anker-class-Namen wie 'popup-links mit dem folgenden javascript-Code:

    $jq191('.popup-links').on( 'click', function( e ){
    var remote= $jq191( this ).data( 'href' );
    $jq191('.modal-body').load( remote, function( e ){
        $jq191( '#myModal' ).modal( 'show' );
    });
});
    InformationsquelleAutor Masu
Schreibe einen Kommentar