2017-03-18 3 views
-1

Ich hatte einige Probleme mit dem Modal. Es wird nicht auf dem Bildschirm angezeigt. Die Skripte funktionieren und jquery.js wird vor bootstrap.js hinzugefügt.Modal auf Bootstrap funktioniert nicht

<!--LINK IN THE NAVBAR--> 
<li><a href="#Login" data-toggle="modal">Login</a></li> 

<!-- START OF MODAL --> 
<div class="modal-open modal" id="Login" role="dialog"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
    <p>Login here!</p> 
    <p>Don't have a account? <a href="#SignUp">Sign Up!</a> 
    </div> 
    </div> 
    </div> 
</div> 
<!--SCRIPT--> 
<script src="script/jquery.min.js"></script> 
<script src="script/bootstrap.js"></script> 
<script src="script/bootstrap.min.js"></script> 
+0

Es funktioniert: http://www.bootply.com/1aXeVBzOdC# – ZimSystem

Antwort

2
<script src="script/bootstrap.js"></script> 
<script src="script/bootstrap.min.js"></script> 

zweimal den Bootstrap-Skript Laden wird die modale Funktionalität brechen. Laden Sie es nur einmal.

+0

Versucht es. Es hat immer noch nicht funktioniert. –

+1

[Ihr Code funktioniert nicht] (http://jsbin.com/rocila/1/edit?html,output), aber wenn Sie meine Änderung vornehmen [dann funktioniert es] (http://jsbin.com/rocila/2/edit? Html, Ausgabe). Wenn Sie weitere Probleme haben, werden diese in dem von Ihnen angegebenen Code nicht angezeigt. – Quentin

+0

Ist das die einzige Änderung, die Sie vorgenommen haben? Weil ich seit Ewigkeiten auf diesem Teil feststecke. Kann nicht funktionieren! –

Verwandte Themen