How to convert .live to .on in jQuery

Question

I want to convert .live to .on method as .live is not used much but I am not able to convert it. Please help me to change it.

$(".delete").live('click', function () {
    var id = $(this).attr('id');
    var b = $(this).parent().parent();
    var dataString = 'id=' + id;
    if (confirm("Sure you want to delete this update?")) {
        $.ajax({
            type: "POST",
            url: "delete.php",
            data: dataString,
            cache: false,
            success: function (e) {
                b.hide();
                e.stopImmediatePropagation();
            }
        });
        return false;
    }
});

`$(document).on('click', '.delete', function()...` – Gavin Apr 15 '13 at 06:34 — Gavin, Apr 15 '13 at 06:34

score 1 · Answer 1 · answered Apr 15 '13 at 06:35

1

$(".delete").live('click',function()

can be converted to

$(document).on('click', ".delete", function()

Documentation

answered Apr 15 '13 at 06:35

Denys Séguret

372,613
87
782
758

score 1 · Accepted Answer · edited May 23 '17 at 11:49

Change:

$(".delete").live('click',function()

To:

$("body").on('click', '.delete', function () {

Solution:

$("body").on('click', '.delete', function () {
    var id = $(this).attr('id');
    var b = $(this).parent().parent();
    var dataString = 'id=' + id;
    if (confirm("Sure you want to delete this update?")) {
        $.ajax({
            type: "POST",
            url: "delete.php",
            data: dataString,
            cache: false,
            success: function (e) {
                b.hide();
                e.stopImmediatePropagation();
            }
        });
        return false;
    }
});

Please also see jQuery 1.9 .live() is not a function and jQuery - how to use the “on()” method instead of “live()”?

score 0 · Answer 3 · answered Apr 15 '13 at 06:35

0

$("#someArbitraryContextNode").on('click',".delete",function(){});

answered Apr 15 '13 at 06:35

TGH

38,769
12
102
135

How to convert .live to .on in jQuery

3 Answers3