JQuery and live()

Question

Trying to add more fields to a dynamically generated form. User clicks 'add multiple choice' button, a multiple choice form is generated. Then they should be able to add more 'wrong answer' fields to this form when clicked, but it's not working. I know jquery's .live() is the right way to do it, but I can't get it to work.

$('button.btn-wrong').live('click', function(e) {
    alert("yay!");
})

http://jsfiddle.net/SWCE4/

Working jsfiddle http://jsfiddle.net/SWCE4/4/

http://stackoverflow.com/questions/14354040/jquery-1-9-live-is-not-a-function — Kiran, Oct 08 '13 at 17:48
I also sometimes wonder why `$("button.btn-wrong").goToAPI()` doesn't work. — Kevin B, Oct 08 '13 at 17:56

score 2 · Answer 1 · answered Oct 08 '13 at 17:48

2

live() was deprecated in jQuery 1.7 and removed in version 1.9 . You need to use .on() instead.

$(document).on('click', 'button.btn-wrong', function(e) {
    alert("yay!");
})

answered Oct 08 '13 at 17:48

karthikr

97,368
26
197
188

Updated, but still not working. http://jsfiddle.net/SWCE4/3/ – visevo Oct 08 '13 at 18:20
can you fix the fiddle ? – karthikr Oct 08 '13 at 18:23
Did you test it out? Click on "create" and you will see – karthikr Oct 08 '13 at 19:03

score 0 · Answer 2 · answered Oct 08 '13 at 17:48

0

$.live was deprecated on jQuery 1.7. Use $.on , for sample:

$('button.btn-wrong').on('click', function(e) {
    alert("yay!");
});

answered Oct 08 '13 at 17:48

Felipe Oriani

37,948
19
131
194

score 0 · Accepted Answer · answered Oct 08 '13 at 17:49

0

http://api.jquery.com/live/

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().

$(document).on("click", "button.btn-wrong", function(event) {
    alert("yay!");
});

answered Oct 08 '13 at 17:49

iambriansreed

21,935
6
63
79

@karthikr Thems the breaks. – iambriansreed Oct 08 '13 at 20:37

JQuery and live()

3 Answers3