Jquery, .Höhe() ändern auf Seite aktualisieren, aber nicht auf zu laden

Habe ich schon gesehen, das folgende Thema:

Jquery Loading problem beim ersten laden - /hard-refresh

Das scheint eine inverse version das problem, das ich betroffen bin. In diesem Fall einen hard-refresh ist das problem in diesem Fall ist es die Lösung.

Aufgrund von einigen Problemen der Gestaltung einer komplexen web-Anwendung UI zum arbeiten auf verschiedenen monitor-Höhen ich beschloss zu drehen, um jQUery zu verändern, die Höhen für mich. Ich war ursprünglich mit prozentualen Höhen, aber diese führte zu großen Lücken an den Punkten, und mit max und min heights erwies sich als schwierig, für das ziehen von Elementen aus dem Zusammenhang gerissen. Die Nutzung der Anwendung ist viel langsamer, ohne dass JavaScript aktiviert ist (obwohl er basiert auf progressive enhancement), so dass dessen davon ausgegangen, dass ein Benutzer eingeschaltet. Das ist für diejenigen, die vorschlagen eine CSS-Lösung.

Link zur test Diese wurde entfernt, da die domain nicht mehr gültig ist

Das Problem ist, dass beim laden der Seite durch einen hyperlink, es Größen korrekt an, wenn Sie ihn geöffnet haben, sollte man diese, mit etwa 30px zwischen der Unterseite des gelb/grünen Kästchen und dem unteren Rand des Browsers. Jedoch aktualisieren Sie Sie (müssen Sie möglicherweise zu aktualisieren, es ein paar mal) und du wirst sehen, das gelbe Feld verschwinden aus die unten auf der Seite, und dem green-box-Strecke zu verbinden. Dies geschieht nur live auf meinem server habe ich noch nie bemerkt, daß dieser Fehler während der Entwicklung auf meinem localhost, weil es nicht geschehen.

Den jquery-code befindet sich in sandpit1.1webservices.co.uk/ground-control/examples/scripts/jumpers.js und der Besondere Ausschnitt:

function loadResize()
{
 //var window=$(window).height();
 var window=$('div.main').height();
 //window=parseInt(window);
 window-=50;
 $('div.staff ul').css('height',window);
 window-=175;
 $('div.loads').css('height',window);
 window-=150;
 $('div.loads div.list').css('height',window);
}

Sehen Sie, ich habe ein paar Dinge auskommentiert, und es gibt mehr im tatsächlichen code für die Prüfung. Wenn das Fenster in der Höhe ist alarmiert, am Anfang der Prüfung sagt es 885 auf meinem browser (1024px Bildschirm-Höhe), jedoch erfrischende gibt zufällige Werte zwischen 1133 und 1785. Sie einen hard-refresh oder das laden der Seite und dem Rücken zum 885. Die Funktion wird aufgerufen, rechts am Ende des Dokuments.bereit:

$(window).resize(loadResize);
loadResize();

Früher habe ich die resize-Ereignis auslösen, selbst aber entfernt, falls es das problem verursacht.

Irgendwelche Ideen?

InformationsquelleAutor M1ke | 2010-11-24
Schreibe einen Kommentar