Überlagerung mit jQuery progress bar
Möchte ich eine Statusanzeige angezeigt, die "overlays" der Seite, deaktivieren andere Aktionen, während es läuft, ein bisschen wie eine Warnung (außer Sie konnte nicht beenden Sie es, indem Sie nichts). Was ist ein schneller Weg, dies zu tun in jQuery?
Ich habe schon ein Bild rausgesucht-- einen animierten Fortschrittsbalken. Müssen nur einen Weg, um richtig überlagern es.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie einfach implementieren, Ihre eigenen overlay.
Dann Anzeige
<div id="overlay"><img src="/path/to/your/image"/></div>
wenn Ihre Seite geladen wird, oder Wann immer Sie wollen, um es anzuzeigen.div
dass der die ganze Seite umfasst. Stellen Sie sicher, es gibt nichts, das Sie abdecken wollen, die eine höherez-index
. Dies wird auch nur verhindern, dass Benutzer klicken auf Elemente abgedeckt, kann es nicht verwendet werden als eine Sicherheitsmaßnahme.Ich denke das jQuery-UI - Modal ist, was Sie suchen. Es überlagerungen der rest des Bildschirms, bis ein Benutzer schließt den dialog. Sie können Ihren Fortschritt-bar im inneren dialog selbst, oder fügen Sie die jQuery UI - progress bar so gut, wenn Sie herausfinden, die besser funktioniert. Das hat auch eine Menge von Optionen, die Sie vielleicht praktisch finden.
Wenn Sie wollen, dass dies wirklich ein "nicht-tun-alles-bis-dieser-Oberflächen" Typ von dialog, dann können Sie auch das schließen "X" mit diese Lösung.
Haben Sie getroffen, einen Blick auf qTip? Dies ist, was wir verwenden es für.