Tengo un problemita con el siguiente código.
Lo que hace es mostrar un combo (#categoria) con diferentes elementos, al elegir uno, se carga en el div resultados una página que muestra una tabla con varios datos y una clase "borrar". Al presionar esta clase me gustaría que el dato de esa fila se borre, pero eso no pasa, supongo que es porque cargo la información por ajax, ya que uso el mismo código en otro script que no usa el load y sí funciona.
Código PHP:
$(function(){
$("#categoria").change(function(){
$("#resultados").load("listar.php", {id : $(this).val()});
});
$(".borrarItem").click(function(){
var element = $(this);
var info = 'id=' + element.attr("id");
if(confirm("Esta seguro de eliminar "+ element.attr("title") + "?")){
$.ajax({
type: "POST",
url: "borrar.php",
data: info,
success: function(data){
alert(data);
$('#id'+element.attr("id")).animate({ backgroundColor: "#fbc7c7" }, "fast").animate({ opacity: "hide" }, "slow");
}
});
}
return false;
});
});
// Listar.php
<tr id="id1">
<td>
<a href="#" id="1" title="titulo" class="borrarItem">
<img src="../img/delete.png" alt="Del" title="Eliminar"/></a>
</td>
</tr>
Gracias.