Ich bin endlich in der Phase des Aufbaus meiner Webseiten, und ich stecke fest. Ich bin durch zahlreiche Seiten gegangen, um zu versuchen, zu verstehen, was ich falsch mache, aber nichts hilft. Daher wende ich mich an Sie. Ich bin mir sicher, dass ich etwas mit Knochen mache, aber ich kann es nicht aufspüren.Ich kann keinen Klick von JQuery bekommen
Ich habe einen einfachen Login-Bildschirm erstellt, und ich versuche, die Senden-Schaltfläche zu erhalten, um ein Klickereignis auszulösen und mein Erfolgsmodal anzuzeigen. Wenn ich jedoch auf "Senden" klicke, passiert nichts. Es gibt auch nichts in der Konsole (Dev Tools) innerhalb von Chrome. Ich bekomme 3 Fehler in den JQuery und Bootstrap-Komponenten, aber sie machen keinen Sinn.
*jquery-1.11.2.min.js:1 Uncaught SyntaxError: Unexpected token :*
*bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery
at bootstrap.min.js:6
(anonymous) @ bootstrap.min.js:6
jquery-1.11.2.min.js:1 Uncaught SyntaxError: Unexpected token :*
Mein Code für meine login.html
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Login</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Login</title>
</head>
<body style="padding-top:20px">
<div class="col-md-10 col-md-offset-1">
<div class="well">
<table class="table table-bordered">
<thead>
<tr class="success">
<td colspan="2">Login</td>
</tr>
</thead>
<tbody>
<tr>
<td>Username</td>
<td>
<input type="text" id="txtLogin" placeholder="Username" />
</td>
</tr>
<tr>
<td>Password</td>
<td>
<input type="password" id="txtPassword" placeholder="Password" />
</td>
</tr>
<tr class="success">
<td colspan="2">
<input id="btnSubmit" class="btn btn-success" type="button" value="Submit" />
</td>
</tr>
</tbody>
</table>
<div class="modal fade" tabindex="-1" id="successModal" data- keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
×
</button>
<h4>Success</h4>
</div>
<div class="modal-body">
<h2>Login Successful</h2>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-success">
Close
</button>
</div>
</div>
</div>
<button type="button" data-dismiss="modal" class="btn btn-success">
Close
</button>
</div>
</div>
</div>
</div>
<div id="divError" class="alert alert-danger collapse">
<a id="linkClose" class="close" href="#">×</a>
<div id="divErrorText"></div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#linkClose').click(function() {
$('#divError').hide('fade');
});
$('#btnSubmit').click(function() {
$('#successModal').modal('show');
});
});
</script>
</body>
</html>
Haben Sie die 'jquery-1.11.2.min.js' irgendwo anders ?? –
wie @zakaria gefragt. Gibt es andere Seiten, auf denen diese Version von jQuery funktioniert? – happymacarts
Nein, die Seiten, die ich gebaut habe, insgesamt 3, keiner hat funktioniert. Also schickte ich mein einfaches von den 3, in der Hoffnung, dass es etwas Einfaches war. –