При нажатии на #add_pod_btn создается информер, а на информере кнопка удалить этот информер, так же этот информер может быть уже создан при загрузке странице, так вот если после создания его я сразу хочу удалить его то функция ajax(del_pod_door) вызывается 2 раза, почему так ?
destroy()
function destroy(){
$('.close_type').click(function(){
var val_sel=$(this).parent('.bar').find('input').val();
var id_door=<?=$door['id'];?>;
$.ajax({
type: 'POST',
dataType:'html',
url: '/functions_ajax/del_pod_door/',
data:{id:val_sel,id_door:id_door},
success: function(data) {
},
error: function(xhr, str){
alert('Возникла ошибка: ' + xhr.responseCode);
}
});
})
}
$('#add_pod_btn').click(function(){
var val_sel=$(this).parent('#add_pod').find('input[name=id_door]').val();
var id_door=<?=$door['id'];?>;
$.ajax({
type: 'POST',
dataType:'json',
url: '/functions_ajax/get_name_of_door/',
data:{id:val_sel,id_door:id_door},
success: function(data) {
var sel_text=data[0].name;
$('#bar_block').append(
'<div class="bar"><h3 class="lab_1">'+sel_text+'</h3><h3 class="close_type"> X </h3> <input type="hidden" value="'+val_sel+'"></div>'
);
destroy()
},
error: function(xhr, str){
alert('Возникла ошибка: ' + xhr.responseCode);
}
});
})