javascript - 每个选定元素都会触发 jQuery 事件

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());
    });
});

小提琴 - http://jsfiddle.net/maximua/rRjsD/