call on dynamic added html elements a jQuery method

Question

my have some trouble to call a JavaScript/jQuery 1.9.1 method on dynamic added html-elements.

Here is my JS-code:

$(".download").live("click", function() {
    var buttonId = $(this).attr("id");
    alert(buttonId);
});

My dynamic HTML code:

  var html = "";
    for(var i = 0; i <daten.length; i++) {
       html += "<input id='" + daten[i].pfad + "' class='download' type='image' width='25px' height='25px' src='/download.png'/>";
    }
  $("#table").append(html);

I get no error message, but the method is besides not calling, what is here not correct?

score 1 · Answer 1 · answered Jun 28 '13 at 12:58

1

Try using on(), as live() was deprecated and removed in newer versions of jQuery:

$('#table').on('click', '.download', function() {
    alert(this.id);
});

FIDDLE

works for me ?

answered Jun 28 '13 at 12:58

adeneo

312,895
29
395
388

score 0 · Accepted Answer · answered Jun 28 '13 at 12:59

0

Use .on instead

$(document).on("click",".download",function() {
    var buttonId = $(this).attr("id");
    alert(buttonId);
});

answered Jun 28 '13 at 12:59

bugwheels94

30,681
3
39
60

score 0 · Answer 3 · answered Jun 28 '13 at 13:17

0

use like this:

  $(document).on("click",".download",function() {

   //put your code here

  });

answered Jun 28 '13 at 13:17

Marsh

173
1
14

call on dynamic added html elements a jQuery method

Here is my JS-code:

My dynamic HTML code:

3 Answers3