Problem mit colorbox Neuladen der iframe-Inhalte auf colorbox.Größe

Bin ich mit colorbox (jquery-plug-in), um eine multi-Schritt-sign-up-Prozess. Ich bin mit der colorbox im "iframe" - Modus.

$('#signup').colorbox({
    width:     '500px', 
    height:    '250px', 
    opacity:   '.5',
    scrolling: false,
    fixed:     true,
    iframe:    true
});

Da die Inhalte der verschiedenen Stufen haben unterschiedliche Höhen, ich möchte mich für die colorbox Größe ändern sich automatisch, wenn es lädt ein neuer Schritt.

Ich verwende den folgenden code in den iframe-Inhalt (einfach in ein script-tag in der Nähe des Ende des Dokuments):

$(function() {
    var iH = $(document.body).height();
    console.log("iframe height: " + iH);
    parent.$.colorbox.resize('height', iH);
});

Vorher hatte ich versucht, eine einfachere version:

parent.$.colorbox.resize();

Aber in beiden Fällen habe ich am Ende mit dem, was scheint eine Endlosschleife: der Inhalt des iframe wird endlos geladen und nie wirklich angezeigt (ich kann tatsächlich sehen, dass es blinkt manchmal).
Der iframe verkleinert, in der Prozess (bei der ersten Schleife), so scheint es teilweise funktioniert. Aber die neue Größe scheint zu klein für den beabsichtigten Inhalt, so dass ich nicht wirklich wissen...

Eine Idee warum das nicht funktioniert und wie man dieses Problem lösen?

Update:
Wenn ich das obige script (einfache version) auf den zweiten Schritt machen und nicht auf der ersten, vermeide ich die endlos-Schleife, aber wenn ich auf gehe zum zweiten Schritt, der erste Schritt ist tatsächlich geladen anstatt den zweiten Schritt.

Dasselbe gilt, wenn ich dieses Skript auf dem Dritten Schritt: der erste Schritt ist geladen, statt.

Es scheint also, dass bei der Ausführung seiner "Größe ändern" - Funktion, colorbox Art neu gestartet, alles von Anfang an?...

  • Was passiert, wenn Sie initialWidth und initialHeight anstelle von Höhe und Breite mit und ohne nachfolgende Aufruf von resize?
  • btw sind Sie noch auf der Suche für eine Antwort?
  • Ich ein bisschen aufgegeben, aber ich bin immer noch neugierig, diese zu lösen. Ich hatte nicht darüber nachgedacht, initialHeight statt Höhe. Ich werde es versuchen, morgen.
  • Nach einigen tests scheint es mir, dass das problem im Zusammenhang mit der Tatsache, die ich verwenden colorbox im iframe-Modus. In diesem Modus werden weder initialWidth/initialHeigh noch maxWidth/maxHeight scheinen, um richtig zu arbeiten (Sie öffnen sich immer in einem iframe mit einer Größe nahe null). Also meine Vermutung ist, dass die resize-Funktion ist nicht dazu gedacht, um die Arbeit in einem iframe Modus entweder.
InformationsquelleAutor s427 | 2011-09-16
  1. 2

    Ich habe eine Lösung gefunden hier: http://groups.google.com/group/colorbox/browse_thread/thread/fadc3d68ca764de3/c38fa24136a6abd7?pli=1

    Hinzugefügt, das zu den colorbox.js (ColorBox v1.3.17.2, rechts vor publicMethod.Größe auf r 533):

    publicMethod.myResize = function (iW, iH) { 
 if (!open) {
    return;
 }
 if (settings.scrolling) {
    return;
    }
 var speed = settings.transition === "none" ? 0 : settings.speed;
 $window.unbind('resize.' + prefix);
 settings.w = iW;
 settings.h = iH;
 $loaded.css({
    width: settings.w,
    height: settings.h
 });
 publicMethod.position(speed);
};

    und ich habe dies nur Hinzugefügt, um die Seite öffnen in die iframe:

     $(document).ready(function (){
    $(window).bind('load', function () {
        var frameWidth = $(document).width();
        var frameHeight = $(document).height();
        parent.$.fn.colorbox.myResize(frameWidth, frameHeight);
    });
 });

    Binden die colorbox-Funktion habe ich diese Optionen:

    $('.item').colorbox({
    transition: 'none',
    iframe      : true,
    scrolling   : false
});
    • Das scheint zu funktionieren, vielen Dank! Ein problem allerdings: es scheint nur die Größe des popup, wenn Ihr Inhalt größer ist als der Vorherige Inhalt-nicht, wenn es kleiner ist (in dem Fall kommt es nicht auf die Größe). Irgendeine Idee warum dies passiert?
    • Ich bin mir nicht wirklich sicher, sorry. Für das Projekt an dem ich arbeitete, Colorbox benötigt so viel Veränderungen, die ich schließlich beschlossen, zu bauen, ein Leuchtkasten von Grund auf selbst.
    • Ja, ich sehe, was du meinst. Ich habe es aufgegeben, mich für dieses problem (aus verschiedenen Gründen). Trotzdem vielen Dank für Eure Hilfe!!!
    InformationsquelleAutor Peter Smeekens
Schreibe einen Kommentar