Показать сообщение отдельно
  #1 (permalink)  
Старый 07.04.2011, 15:17
Аспирант
Отправить личное сообщение для kiff86 Посмотреть профиль Найти все сообщения от kiff86
 
Регистрация: 26.03.2011
Сообщений: 52

jQuery.ajax() подгрузка данных и событие .click()
Добрый день! Никак не могу разобрать с проблемой: для начала обрисую мою "структуру":

есть элемент (ссылка в диве) при нажатии -> идет анимация другого дива и в нем подгружается 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);
    });
Ответить с цитированием