Question

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

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

＆＃13;

$( document ).ready(function() {
  alert("mailto script loaded!");
})

//eventhandler send-button
$('#send').onclick(function() {
  alert( "Handler has beend called." );
});

＆＃13;

<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>

＆＃13;

你们可以给我一个暗示问题的答案吗？非常感谢你提前。我google了一切，但我基本上解释了我需要做什么。我只是不知道我哪里出错了。

Answer 1

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

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

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

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

Answer 2

除了将处理程序放在文档中之外，您还应该修复语法。您需要使用.on()来处理事件，该事件是该方法的第一个参数。这里的文档：https://api.jquery.com/on/

//alert if the js-script is succesfully loaded
$( document ).ready(function() {
    alert("mailto script loaded!");
    //eventhandler send-button
    $('#send').on('click',function() {
        alert( "Handler has beend called." );
    });
})

工作示例： http://jsfiddle.net/5xn5tpq4/

javascript窗格中的代码已经包含就绪处理程序。

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

2 个答案: