javascript - 選択した要素ごとにjQueryイベントが発生します

Question

イベントをバインドしたいボタンがいくつかあります。それらはすべて同じ css クラスを持っているので、そのクラスですべてを選択し、マウスアップでイベントをバインドします。問題は、1 つのボタンをクリックすると、関数がボタンごとに 1 回ではなく 1 回呼び出されることです。

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

Answer 1

私はそれが起こっているのを見ていません。他に何か欠けているものはありますか?

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

フィドル - http://jsfiddle.net/maximua/rRjsD/