gpt4 book ai didi

javascript - $(document).ready() 不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 13:30:22 26 4
gpt4 key购买 nike

这是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> 中部分,我应该如何修改代码?

最佳答案

我不认为你可以像这样立即将事件声明嵌入到 $(document).ready... block 中。尝试将您的代码更改为以下内容:

$(document).ready(function () {
$(".voice").click(function() {
alert("succeed");
});
});

或简写为:

$(function () {
$(".voice").click(function() {
alert("succeed");
});
});

关于javascript - $(document).ready() 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31946059/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com