javascript - 为什么使用 JQuery 添加到 div 的内容不显示按钮 ID？

Question

我希望能够显示被点击的按钮的 id。下面我有 2 个按钮。第一个是我的原始 html，第二个是使用 JQuery 添加的。第一个按钮在单击时显示其 ID，但第二个按钮不显示。这里有什么问题？

HTML

<div id="box1">
  <button id="So">Yo</button>  
</div>

JS

var anotherButton='<button id="Fat">Mamma</button>';        

("button").click(function() {
  alert($(this).attr('id'));
});

$("#box1").append(anotherButton);

标签： javascriptjquery