私は、バーの申請書を簡単にまとめています。
ユーザーが飲み物の種類のボタンをクリックすると、ユーザーが量を変更できるように + と - を含む行がテーブルに追加されます。
$(".drinkButton").click(function() {
var destTable = $("#trTable");
var drinkID = $(this).attr("id");
switch (drinkID) {
case 'becks':
var dName = "Becks";
var dPrice = "3.00";
break;
case 'corona':
var dName = "Corona";
var dPrice = "3.00";
break;
}
var newRow = $("<tr><td>" + dName +
"</td><td>" + dPrice + "</td><td>1</td> \
<td><input id='Button' type='button' value='-' class='minusButton' /></td> \
<td><input id='Button' type='button' value='+' class='plusButton' /></td> \
<td>" + dPrice + "</td> \
</tr>");
$("#trTable").append(newRow);
$(this).attr('disabled', 'disabled');
});
$(".plusButton").click(function() {
alert('Plus Button Clicked');
});
これは機能しますが、追加されたプラス ボタンとマイナス ボタンはイベントを発生させません。
私は何を間違っていますか?