Код сокращен, для более внятного описания проблемы.
Есть вот такой код:
$("#addNew").click(function(){
$.ajax({
type: "POST",
data: "newCat="+$('#CatAdd').val(),
url: "http://"+window.location.hostname+"/include/ajax/del.php",
success: function(categ){
$(".category").append("<li id='i1'>new</li>");
$.ajax({ url: "http://"+window.location.hostname+"/js/del.js" }); //удаление
}
}
});
});
del.js содержит и написан, для того, что бы удалять, вновь созданные объекты через append:
$('.deletes').click(function(){
if (confirm('Вы уверены, что удалить?') {
$.ajax({
type: "POST",
data: "id="+$(this).attr("data-id")+"",
url: "http://"+window.location.hostname+"/include/ajax/dels.php",
success: function(del){
$('#th'+del.id).html("").hide();
}
});
} else {}
});
И если первый <li> он удаляет без проблем. То во второй раз, он спрашивает уже 2 раза, на 3 три и т.д.
Если добавить сразу 5 <li> то файл url: "http://"+window.location.hostname+"/include/ajax/del.php", прогрузится все 5 раз. И соответствено при нажатии на $('.deletes').click(function()
Он спросит меня все 5 раз, действительно ли я уверен.
Подскажите пожалуйста как можно с этим бороться?