Я, наконец, на этапе создания своих веб-страниц, и я застрял. Я просмотрел многочисленные страницы, чтобы попытаться понять, что я делаю неправильно, но ничего не помогает. Поэтому я обращаюсь к вам. Я уверен, что я делаю что-то костяное, но не могу отследить его.Невозможно получить доступ к JQuery
У меня есть простой экран входа в систему, и я пытаюсь получить кнопку отправки, чтобы запустить событие click и показать мой успех. Однако, когда я нажимаю кнопку «Отправить», ничего не происходит. Ничего не отображается на консоли (Dev Tools) в Chrome. Я получаю 3 ошибки в компонентах JQuery и Bootstrap, но они не имеют никакого смысла.
*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 :*
Мой код для моего 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>
У вас есть 'jquery-1.11.2.min.js' где-нибудь еще? –
как @zakaria спросил. есть ли другие страницы, на которых эта версия jQuery работает? – happymacarts
Нет, страницы, которые я строил, всего 3, никто не работал. Поэтому я отправил свой простой из 3, надеясь, что это было что-то простое. –