Wie macht man modal mit jquery?

-4

ich muss mit jquery modal machen, weil, mit bootstrap modal ich kann nicht schreiben, wie nach eingereicht modalen nicht zu schließen und etwas zu schreiben und mit js ich werde schließen, aber ich kann nicht ziel modal zeigen Sie mir bitte richtigen Weg Ich möchte, dass modal für Sekunden bleibt und etwas wie "Succesfully done" schreibt und nach der Zeitüberschreitung, um aufzuhören, zeig mir einfach den Pfad, bitte.Wie macht man modal mit jquery?

Quelle

2017-02-08 Giorgi Macharashvili

Können Sie uns zeigen, was Sie bereits ausprobiert haben? – jonmrich

Stack Overflow ist kein Code-Schreibdienst. Bitte überprüfen Sie [Wie Sie eine gute Frage stellen] (http://stackoverflow.com/help/how-to-ask) – Hamms

Nur ein einfaches Beispiel von modal mit jquery, es gibt eine Funktion .modal() meist auf Bootstrap-modal verwendet, das ist eine modale jquery, natürlich können Sie auch mit Javascript erstellen.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>Bootstrap Example</title> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 
<div class="container"> 
<h2>Activate Modal with JavaScript</h2> 
<!-- Trigger the modal with a button --> 
<button type="button" class="btn btn-info btn-lg" id="myBtn">Open Modal</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" role="dialog"> 
<div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
    </div> 
    <div class="modal-body"> 
     <p>Some text in the modal.</p> 
    </div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
    </div> 
    </div> 
    </div> 
</div> 
<script> 
$(document).ready(function(){ 
$("#myBtn").click(function(){ 
    $("#myModal").modal(); 
}); 
}); 
</script> 
</body> 
</html>

Quelle

2017-02-10 01:27:35 DummyTarget

vielen Dank bro! –

Sie sind willkommen :) – DummyTarget

Wie macht man modal mit jquery?

Antwort

Verwandte Themen