Показать сообщение отдельно
  #1 (permalink)  
Старый 23.09.2014, 21:11
Аватар для light
Аспирант
Отправить личное сообщение для light Посмотреть профиль Найти все сообщения от light
 
Регистрация: 11.04.2014
Сообщений: 60

Не работает ajax удаление, из-за повторного подключения файла.
Код сокращен, для более внятного описания проблемы.

Есть вот такой код:
$("#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 раз, действительно ли я уверен.
Подскажите пожалуйста как можно с этим бороться?
Ответить с цитированием