CODEWITHSUNDEEP
jquery
curved
curved

Reputation: 155

onclick event for a dynamically created div

I am using a jQuery audio player plugin called Soundmanager2 It dynamically ads play buttons in the DOM. I am trying to ad onclick event for this button.

html

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

After button is added dynamically in the DOM it looks like this

<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>

my code :

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

Upvotes: 0

Views: 388

Answers (2)

Vitorino fernandes
Vitorino fernandes

Reputation: 15951

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

Upvotes: 1

Ryan
Ryan

Reputation: 14649

This is called event "delegation"

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

Upvotes: 2

Related Questions