Question

我有一些我想要绑定事件的按钮。它们都具有相同的css类，因此我通过该类选择它们并在mouseup上绑定一个事件。问题是当我点击一个按钮时，每个按钮调用一次该函数而不是一次。

$('.btn').mouseup(function() {
  console.log('fired');
});

Answer 1

使用on()。

$(".btn").on("click", function(){
alert( $(this).text() );
});

您还可以使用委托：

绑定页面上的所有按钮

$("body").on("click", ".btn", function(event){
alert($(this).text());
});

Answer 2

我没有看到这种情况发生，你还有什么遗漏吗？

$(document).ready(function () {
    $('.btn').mouseup(function() {
        alert($(this).val());
    });
});