点击<按钮>

Execute jQuery function after clicking <button>

本文关键字：按钮 gt lt 点击      更新时间：2023-09-26

我正在与以下部分作斗争：

<script>
$('button').click(function(){
alert("button clicked");
});
</script>
<button type="button" class="button-save">Save</button>

当我点击按钮时，不会收到警报。我试着用按钮瞄准班级，但也无济于事。当我像这个答案中那样单击Save按钮时，我正试图执行一些ajax（当然不是在我的示例中），所以我需要找到用户何时单击该按钮。

有人能帮忙吗？

您必须等到页面完全呈现后才能绑定处理程序，否则元素还不存在。您有两个选项，在HTML呈现后将script标记移动到：

<button type="button" class="button-save">Save</button>
<script>
    $('button').click(function(){
        alert("button clicked");
    });
</script>

或者将代码封装在一个DOM就绪语句中。

<script>
    $(document).ready(function() {
        $('button').click(function(){
            alert("button clicked");
        });
    });
</script>
<button type="button" class="button-save">Save</button>

在html页面的头部添加此行

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

并将代码重写为：

$( document ).ready(function() {
   $('button').click(function(){
       alert("button clicked");
   });
});
相关文章：