Ссылка не позволяет анимации заканчиваться JQUERY

Question

Я создаю div, который при нажатии запускает скрипт jquery, но у меня проблема в том, что в анимации есть ссылка, когда вы нажимаете на ссылку, ссылки выполняются так же, как и анимация, но это делает не дайте анимации закончиться. Есть ли способ сообщить Jquery, что, когда ссылки выполняются, ждут окончания анимации и затем переходят по ссылке?

Answer 1

Вы можете использовать параметр обратного вызова для функции анимации:

$('a').click(function(){
    $(this).animate({}, 500, function() { location.href = $(this).attr('href') });
    return false;
});

При запуске анимации анимация будет выполнена, а после завершения анимации она перейдет к URL-адресу.

Answer 2

Вам нужно обработать событие click ссылки и записать щелчок, затем return false, чтобы предотвратить навигацию.

Затем, когда анимация закончится, проверьте, записали ли вы клик, и, если это так, установите location.href.

Однако я не рекомендую это делать. Если пользователь нажал на ссылку, он, очевидно, хочет перейти на эту страницу, и он не заинтересован в вашей анимации.