javascript - jQuery中所有ID的所有警报

我需要使几个按钮弹出不同的菜单，但是我似乎无法让JQuery一次调用它。这几乎是w3中示例代码的精确副本，但是由于某种原因，每当我单击任意一个按钮时，两个按钮都会一个接一个地弹出。

HTML:

<p id="Chombas"> Chombas </p>
<p id="Buzos"> Buzos </p>

<script src="jquery-3.3.1.js">
</script>
<script src="calc2.js"></script>

JS:

$(document).ready("#Chombas").click(function() {
      alert('CHOMBAS');
});
$(document).ready("#Buzos").click(function() {
      alert('BUZOS');
});

请帮忙!

最佳答案

$(document).ready接受函数作为参数，而不接受要链接的选择器。仅将脚本包装为一个$(document).ready，然后相应地附加侦听器:

$(document).ready(() => {
  $("#Chombas").click(function() {
    alert('CHOMBAS');
  });
  $("#Buzos").click(function() {
    alert('BUZOS');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="Chombas"> Chombas </p>
<p id="Buzos"> Buzos </p>