Это HTML-код:
<!doctype html>
<html>
<head>
<title>title</title>
<meta charset="utf-8">
<script src="vendor/jquery.js"></script>
<script>
$(document).ready($(".voice").click(function() {
alert("succeed");
}));
</script>
</head>
<body>
<div class="container">
<div class="voice-div">
<input type="text" class = "voice" />
</div>
</div>
</div><!-- close class="wrapper" -->
<!-- the support button on the top right -->
</body>
</html>
Когда я нажал input
, alert
не всплывал. Но когда я положил
<script>
$(document).ready($(".voice").click(function() {
alert("succeed");
}));
</script>
перед </body>
, это сработало. Зачем? Если я хочу поместить скрипт в часть <head>...</head>
, как мне изменить код?
https://learn.jquery.com/using-jquery-core/document-ready/ – j08691