Question

我使用jQuery编写了一些Javascript代码，当您单击另一个div时，应该在一个div中插入一个符号。什么都没发生。

我用一些代码检查jQuery是否正确加载。

HTML：

<html>
<head>
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<!--<script src="jquery-3.4.1.js"></script>-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="keyboard.js"></script>
<title>Keyboard Test</title>
</head>
<body>
<div class="field"></div>
<div class="key" id="a key"></div>
</body>
</html>

Javascript：

$(".key").click(function(event) {
    $(".field").text="a";
    alarm("asdfsdf");
});

没有错误消息。

也尝试过：

$(".key").on("click",function() {
    alarm("asdfsdf");
    $(".field").text="a";

});

Answer 1

将代码包装在 document.ready 中。并且您正在起诉jquery，因此它应该是 text（）函数。

$(document).ready(function(){
$(".key").on("click",function() {
    $(".field").text("a");
});
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="field"></div>
<div class="key" id="a key">key</div>

为什么单击div元素后什么都没有发生？

1 个答案: