Das mobile jQuery-Popup wird nicht in der Mitte angezeigt

7

Ich verwende jQuery mobile und versuche, jQuery pop beim Laden der Seite anzuzeigen. Aber wenn die Seite geladen wird, erscheint das Popup nicht in der Mitte, stattdessen erscheint die TOP LEFT Ecke des Popups in der Mitte.

Aber sobald die Größe des Browserfensters geändert wird, wird das Popup automatisch in die Mitte verschoben (auch wenn ich F12 für das Entwicklertool drücke). Und dann alle häufigen Aufrufe an $ ('# popupBasic'). Popup ("open"); Lass es in der Mitte des Bildschirms erscheinen.

Aber das erste Mal oben links im Popup-Fenster in der Mitte.

    
Nat Geo 05.12.2012, 17:42
quelle

5 Antworten

11

versuche dies: data-position-to="window".

dies ist die Quelle

    
bokkie 14.06.2013 11:59
quelle
10

Sie können versuchen, das Popup auf den Seiten neu zu positionieren:

%Vor%

Ich rechne damit, dass das, was Sie erleben, auf die Positionierung zurückzuführen ist, bevor die Seite vollständig vom Browser gezeichnet wird. Sie können dies umgehen, indem Sie das Popup wie folgt neu positionieren:

%Vor%     
Luigi 05.05.2013 09:42
quelle
2
%Vor%

Sie können die benutzerdefinierten Popup-Ereignisse verwenden, um sie nach dem Öffnen neu zu positionieren

    
sidonaldson 18.06.2014 07:09
quelle
1

Ich habe den gleichen Fehler bekommen. Sie möchten das Popup nur anzeigen, nachdem die Seite gemalt wurde.

Wenn Sie Ihren Code hinzufügen, um das Ereignis pageshow anstelle des Ereignisses pageinit anzuhören, wird Ihr Problem wahrscheinlich behoben. Es hat es für mich repariert.

    
Russ Van Bert 12.03.2013 05:09
quelle
0

Das ist eine sehr vage Frage.

Einige Dinge, die Sie angeben sollten:

  • In welchem ​​Browser testen Sie und in welcher Version?
  • Welche Version von JQM?
  • Gibt es ein benutzerdefiniertes CSS, das mit JQM interagiert?

Ab JQM 1.2 sind Popup-Optionen verfügbar:

Standard: "Ursprung"

Legt das Element fest, auf das das Popup zentriert werden soll. Es hat die folgenden Werte:

"Ursprung" Wenn sich das Popup öffnet, zentrieren Sie sich über die Koordinaten, die an den Aufruf von open () übergeben wurden (siehe Methoden-Seite).

"window" Wenn sich das Popup öffnet, zentrieren Sie das Fenster.

jQuery-Selektor Wenn das Popup geöffnet wird, erstellen Sie ein jQuery-Objekt basierend auf dem Selektor und zentrieren Sie sich darüber. Der Selektor wird nach Elementen gefiltert, die mit ": visible" sichtbar sind. Wenn das Ergebnis leer ist, wird das Popup im Fenster zentriert.

Quelle

    
JerryHuang.me 05.12.2012 19:40
quelle

Tags und Links