on instead of live?

Question

This might be a simple question but in some cases when I dynamically create elements .on doesn't work but live works.

I know its better to use .on, but what am I doing wrong?

This works for me:

    $('.btnMore').live('click', function () {
    // do something
    }

This doesn't work for me:

    $('.btnMore').on('click', function () {
    // do something

    }

How can I make the .on work at all times, like .live?

When it doesn't work, in what way does it not work? Is there a console error? What version of jQuery are you using when this happens? — David, May 28 '13 at 17:47
I use Jquery 2.0.0, but now I figured out the solution. Thanks for all the '-' for the question and no answers. — Kim, May 28 '13 at 17:49
Snarkiness will get you nowhere. StackOverflow generally expects you to read the documentation before asking us for help. — Blazemonger, May 28 '13 at 17:54

score 0 · Answer 1 · answered May 28 '13 at 17:48

0

I found the solution:

This works:

$(document).on('click', '.btnMore', function () { // do something }

answered May 28 '13 at 17:48

Kim

score 0 · Answer 2 · answered May 28 '13 at 17:52

0

jquery on method works since jquery version 1.7 see on documentation

answered May 28 '13 at 17:52

Nick

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

0

See this blog for the differences between .on() and .live()

but it looks like instead of

$('selector').live(event, function(){ //do stuff here })

you want

$('selector').live(event, function(){ //do stuff here })

answered May 28 '13 at 17:52

Envin

3 Answers3