Heim  >  Artikel  >  Web-Frontend  >  Fehlerbehandlung, wenn das jQuery-Frontend-Framework easyui Dialog_jquery verwendet

Fehlerbehandlung, wenn das jQuery-Frontend-Framework easyui Dialog_jquery verwendet

WBOY
WBOYOriginal
2016-05-16 16:29:091735Durchsuche

Ich habe kürzlich das Easyui-Frontend-Framework zum Entwickeln und Entwerfen der Benutzeroberfläche verwendet, aber bei der Verwendung von Dialog habe ich festgestellt, dass bei großem Seiteninhalt Probleme auftreten. Schauen Sie sich zunächst meinen Originalcode an :

Code kopieren Der Code lautet wie folgt:

           

Bitte auswählen, um das Ergebnis zu bestätigen:







Wenn Sie auf die Schaltfläche [Termin bestätigen] klicken, wird ein Dialogfeld mit folgendem Effekt geöffnet:

Sie können mehrere Probleme erkennen. Das andere ist, dass das Dialogfeld nicht wirklich fehlt, aber angezeigt wird Sie müssen die Bildlaufleiste nach hinten ziehen. Am Ende des Artikels ist zu erkennen, dass die Höhe des Webseiteninhalts falsch ist Die Höhe des Fensters (d. h. die visuelle Höhe) ist unvollständig. Zweitens ist die Positionierung des ScrollTop nicht korrekt, was zu einer ungenauen Positionierung des Dialogfelds führt entsprechende Verbesserungen vorgenommen, um das Problem zu lösen. Das Folgende ist der verbesserte Code:


Sie können auch beim Scrollen immer in der Mitte der Webseite bleiben. Der Effekt ist wie folgt:

Der Schlüsselcode, um den oben genannten Effekt sicherzustellen, ist:

Code kopieren Der Code lautet wie folgt: $("#confirmd").dialog("move", { top: $(document).scrollTop() ($(window).height() - 200) * 0.5 }); //Zur aktuellen Inhaltsseite wechseln Mitte
             $(".window-mask").css({ height: $(document).height()}); //Passen Sie die Höhe der Maskenebene an die Höhe des Webseiteninhalts an



Testen wir es und sehen, ob es viel einfacher zu verwenden ist als zuvor und es gibt kein Problem. Wenn etwas fehlt, hinterlassen Sie bitte eine Nachricht und lassen Sie es mich wissen aktualisiert werden.
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Detaillierte Erläuterung der Middleware bodyParser_node.js von ExpressNächster Artikel:Detaillierte Erläuterung der Middleware bodyParser_node.js von Express

In Verbindung stehende Artikel

Mehr sehen