Добрый день! Никак не могу разобрать с проблемой: для начала обрисую мою "структуру":
есть элемент (ссылка в диве) при нажатии -> идет анимация другого дива и в нем подгружается php страница аяксом. Также появляется еще одна ссылка в диве, которая делает обратные действия, кроме аякса.. Данные подгруженные аяксом она просто стирает методом .remove()..
Проблема в том, что при повторном нажатии начинаются непонятные действия.. такое чувство, что скрипт(или браузер) забывают про аякс и ваще начинают выполнять скрипты "вразнобой"...
вот код моего скрипта...
$(".altitle .view").click(function(){
$(this).parent().parent().attr('id','select');
$("#select").find(".back a").fadeIn(1000);
$albumName = $("#select .view a").html();
$imgsInAlbum = $("#select .data").html().slice(-2);
$albumWidth = $("#select table td:visible").length;
$tableWidth = $("#select").find("table").width();
$previewHeight = $("#select").find(".preview").height();
$("#select .preview").css('height',$previewHeight);
$("#select").find("table").fadeOut(800, function(){
$(".album").not("#select").animate({ height: "toggle", opacity: "toggle" },800,function(){
$("#select .preview").animate({height:'600'},1500,function(){
$.ajax({
type: "POST",
url: "php/image.php",
data: {
album: $albumName,
count: $imgsInAlbum,
albumWidth: $albumWidth
},
error: function(){
alert("Произошла ошибка! Фотографии не смогли загрузиться..");
},
success: function(data){
$("#select .preview").append(data);
}
});
});
});
});
});
$(".back a").click(function(){
$("#select ul").fadeOut(1000,function(){
$(this).remove();
$("#select .preview").animate({height: $previewHeight},1500,function(){
$("#select").find("table").fadeIn(600,function(){
$(".album").not("#select").animate({ height: "toggle", opacity: "toggle" },600);
$("#select").removeAttr('id');
});
});
});
$(this).fadeOut(1000);
});
