Als «modal-dialog» getaggte Fragen

Bezieht sich auf ein grafisches Dialogfeld, in dem dem Benutzer wichtige Informationen angezeigt werden. Diese Dialogfelder werden vor allen anderen Inhalten angezeigt und blockieren den Anwendungsfluss, bis Benutzereingaben eingehen.

11
Binden Sie eine Funktion an Twitter Bootstrap Modal Close
Ich verwende die Twitter Bootstrap-Bibliothek für ein neues Projekt und möchte, dass ein Teil der Seite die neuesten JSON-Daten beim modalen Schließen aktualisiert und abruft. Ich sehe das nirgendwo in der Dokumentation. Kann mich jemand darauf hinweisen oder eine Lösung vorschlagen? Zwei Probleme bei der Verwendung der dokumentierten Methoden $('#my-modal').bind('hide', …
25
Schließen Sie Bootstrap Modal
Ich habe ein modales Bootstrap-Dialogfeld, das ich zunächst anzeigen möchte. Wenn der Benutzer dann auf die Seite klickt, wird es ausgeblendet. Ich habe folgendes: $(function () { $('#modal').modal(toggle) }); <div class="modal" id='modal'> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Error:</h3> </div> <div class="modal-body"> <p>Please correct the following errors:</p> </div> …
24
Wie verstecke ich Bootstrap Modal mit Javascript?
Ich habe die Beiträge hier gelesen, die Bootstrap-Site und wie verrückt gegoogelt - kann aber nicht finden, was ich sicher bin, ist eine einfache Antwort ... Ich habe ein Bootstrap-Modal, das ich von einem link_to-Helfer wie folgt öffne: <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => …
30
Bootstrap 3 modale vertikale Positionsmitte
Dies ist eine zweiteilige Frage: Wie können Sie das Modal vertikal in der Mitte positionieren, wenn Sie die genaue Höhe des Modals nicht kennen? Ist es möglich, das Modal zentriert zu haben und einen Überlauf zu haben: auto im Modalkörper, aber nur, wenn das Modal die Bildschirmhöhe überschreitet? Ich habe …
22
Twitter Bootstrap Remote Modal zeigt jedes Mal den gleichen Inhalt
Ich benutze Twitter Bootstrap, ich habe ein Modal angegeben <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> Und die Links <a href="http://www.website.com/item/1" …
30
Der modale Hintergrund des Twitter-Bootstraps verschwindet nicht
Ich verwende den Twitter Bootstrap Modal Dialog. Wenn ich im modalen Bootstrap-Dialogfeld auf die Schaltfläche "Senden" klicke, wird eine AJAX-Anfrage gesendet. Mein Problem ist, dass der modale Hintergrund nicht verschwindet. Das Modal-Dialogfeld wird zwar korrekt ausgeblendet, aber der "Modal-Hintergrund", der die Deckkraft auf dem Bildschirm erzeugt, bleibt erhalten Was kann …
5
Wie kann ich in Redux einen modalen Dialog anzeigen, der asynchrone Aktionen ausführt?
Ich erstelle eine App, die in bestimmten Situationen einen Bestätigungsdialog anzeigen muss. Angenommen, ich möchte etwas entfernen, dann werde ich eine Aktion wie diese deleteSomething(id)auslösen, damit ein Reduzierer dieses Ereignis abfängt und den Dialogreduzierer ausfüllt, um es anzuzeigen. Mein Zweifel kommt, wenn dieser Dialog eingereicht wird. Wie kann diese Komponente …
27
Bootstrap Modal verschwindet sofort
Ich arbeite mit Bootstrap an einer Website. Grundsätzlich wollte ich ein Modal auf der Homepage verwenden, das über die Schaltfläche in der Heldeneinheit aufgerufen wird. Schaltflächencode: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Modalcode: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" …
4
Wie gehe ich mit dem modalen Abschlussereignis in Twitter Bootstrap um?
Schauen Sie sich im Twitter-Bootstrap die Modaldokumentation an . Ich konnte nicht herausfinden, ob es eine Möglichkeit gibt, das Abschlussereignis des Modals zu hören und eine Funktion auszuführen. Nehmen wir zB dieses Modal als Beispiel: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> …
10
jquery-ui-dialog - So binden Sie sich in das Ereignis zum Schließen des Dialogs ein
Ich benutze das jquery-ui-dialogPlugin Ich suche nach einer Möglichkeit, die Seite zu aktualisieren, wenn unter bestimmten Umständen der Dialog geschlossen wird. Gibt es eine Möglichkeit, ein nahes Ereignis aus dem Dialogfeld zu erfassen? Ich weiß, dass ich Code ausführen kann, wenn auf die Schaltfläche zum Schließen geklickt wird, aber das …
28
Überlagerung mehrerer Modalitäten
Ich brauche, dass das Overlay über dem ersten Modal angezeigt wird, nicht auf der Rückseite. Code-Snippet anzeigen $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.