Как по клику на ссылку сначала выполнить событие, а потом перейти по ней?

Question

[Сергей Шилов]

Всем привет!
Мне надо, чтобы по клику на ссылку сначала выполнилось событие и после этого сработал переход. Пытаюсь колдовать с preventDefault, но не хватает понимания его работы. Мне надо выполнить анимацию, которая идет какое-то время, значит надо поставить таймер перед переходом по ссылке, верно?

Answer 1

[Алексей Животовский]

(function () {
    var in_process = false;
    
    $('#link').click(function (e) {
        e.preventDefault();
        
        if (!in_process) {
            in_process = true;
            
            $('#test').animate({height: '+=50'}, 2000, function () {
                in_process = false;
                alert($('#link').attr('href'));
            });
        }  
    });
})();

вот такой код только вместо алерт надо вставить location.href

Ссылка на fiddlejsfiddle.net/dUarG/9

Comments

[Сергей Горностаев]

Обожемой, зачем это всё? https://jsfiddle.net/TheDeadOne/2bfjapyt/1/

[Сергей Шилов]

Сергей Горностаев: а можно ли вызывать функцию не через animate, а через addClass например?

[Сергей Горностаев]

Сергей Шилов: можно, но не через, а после.