jquery .on function

Question

Я обновил сценарий jquery до 1.9.1, а функция остановилась, работая с .live().

У меня есть .on(), но теперь он не удаляет элемент из списка, я должен обновить страницу, чтобы увидеть результат.

генерировать HTML-код:

for (var i = 0; i < o.length; i++) 
    { 
     $('#listInserts').append('<div>' + o[i].text + '<a class="del" rel="'+ o[i].dataid +'" href="#">X</a></div>'); 
    } 

код перед

$('.del').live('click', function() { 
     delItem = $(this); 
     var dataid = $(this).attr('rel'); 

     $.post('dashboard/xhrDeleteListing', {'dataid': dataid}, function(o) { 
      delItem.parent().remove(); 
     }, 'json'); 

     return false; 
    }); 

код после

$(document).on('click','.del', function() { 
     delItem = $(this); 
     var dataid = $(this).attr('rel'); 

     $.post('dashboard/xhrDeleteListing', {'dataid': dataid}, function(o) { 
      delItem.parent().remove(); 
     }, 'json'); 

     return false; 
    }); 

Любая идея, что происходит не так?

Answer 1

С знанием HTML структуры и зная, что «JSON» не подходит, вы можете попробовать это:

$('#listInserts').on('click','.del', function() { 
    var delItem = $(this); 
    var dataid = delItem.attr('rel'); 
    $.post('dashboard/xhrDeleteListing', {'dataid': dataid}, function(o) { 
     delItem.closest('div').remove(); 
    }); 
    return false; 
}); 

Answer 2

Я нашел ответ на мою проблему

$('.del').on('click', function() { 
    delItem = $(this); 
    var dataid = $(this).attr('rel'); 

    $.post('dashboard/xhrDeleteListing', {'dataid': dataid}, function(o) { 
delItem.parent().remove(); 



    }); 
      return false; 
}); 

оказалось, что Im возвращая true из моей модели, но ожидая объект JSON. Удалено ,JSON, и он работал так, как должен.