.on() jquery not working

Question

Possible Duplicate:
jQuery - convert .live() to .on()
JQuery ‘on’ vs. ‘live’
Turning live() into on() in jQuery

I know .live() is deprecated, but .on() is getting me some errors. It does not work when I dynamically generate the dome, it only works at the first click. Whilst the same code with .live() works correctly. I'm using jquery 1.8

Working code

$('.item').live('click', function(e) {
   alert('test');
   // ajax call that regenerates .item element
});

This code only works at the first click:

$('.item').on('click', function(e) {
   alert('test');
   // ajax call that regenerates .item element
});

What's wrong?

You aren't supplying a context. the context for .live is `document`. This has been asked so many times. — Kevin B, Jan 08 '13 at 18:43

score 2 · Answer 1 · answered Jan 08 '13 at 18:45

2

Since the dom change with your Ajax you need to provide a parent on your on call like this:

$("#itemParent").on("click", ".item", function(event){
  alert('test');
});

answered Jan 08 '13 at 18:45

Simon Arnold

15,849
7
67
85

score 2 · Accepted Answer · answered Jan 08 '13 at 18:45

2

Check the documentation here. .on works slightly different:

$(document).on("click", ".item", function(event){
    alert('test');
    // ajax call that regenerates .item element
});

answered Jan 08 '13 at 18:45

Paul Fleming

24,238
8
76
113

score -1 · Answer 3 · answered Jan 08 '13 at 18:45

-1

As Kevin B mentioned, use document as context of delegation, or better static parent:

$(document).on('click','.item', function(e) {
   alert('test');
   // ajax call that regenerates .item element
});

answered Jan 08 '13 at 18:45

A. Wolff

74,033
9
94
155

.on() jquery not working

3 Answers3

Linked