javascript - 无法在 jQuery 中调用按钮作为事件处理程序

Question

我是一个完全的初学者，我即将完成我的第一个网站。

但我就是无法让最后一个按钮起作用。这是最简单的任务，但这个任务不起作用。

$( document ).ready(function() {
  alert("mailto script loaded!");
})

//eventhandler send-button
$('#send').onclick(function() {
  alert( "Handler has beend called." );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="buttonsend">
  <button class="button button-pill button-flat-action" id="send">Senden</button>
</div>

你们能告诉我问题出在哪里吗？ 预先非常感谢您。我用谷歌搜索了所有内容，但我基本上明白我需要做什么。我只是看不出我哪里出错了。

Answer 1

jQuery 事件称为 click 而不是 onclick。更改为:

$('#send').click(function() {

根据 JavaScript 在页面上的放置位置，您可能需要将其包装在 DOM 就绪处理程序中。

$( document ).ready(function() {
    $('#send').click(function() {
        alert( "Handler has beend called." );
    });
});