onclick事件为动态创建的div

Question

我正在使用名为Soundmanager2的jQuery音频播放器插件 它动态地在DOM中播放按钮。 我正在尝试为此按钮添加onclick事件。

HTML

<div class="ui360"><a href="track1.m4a">Track1</a></div>

在DOM中动态添加按钮后，它看起来像这样

<div class="ui360">
<div class="sm2-360ui"><canvas class="sm2-canvas hi-dpi" width="50" height="50"></canvas> <span class="sm2-360btn sm2-360btn-default"></span> <div class="sm2-timing alignTweak"></div> <div class="sm2-cover"></div></div>
<a href="track1.m4a">Track1</a></div>

我的代码：

$('.sm2-360ui').live(click,function(){
  alert("Playing");
});

Answer 1

这称为事件“委托”

$(document).on('click','.sm2-360ui', function(){
  alert("Playing");
});

Answer 2

$('.ui360').on('click','.sm2-360ui',function(){
  alert("Playing");
});