O que você pode fazer para bloquear é pegar a quantidade de click
, se for igual a 1, bloqueia o elemento com preventDefault()
, como você pode ver no exemplo abaixo, ele entra no primeiro link "#" e depois quando eu altero para outro link ele não entra mais:
elemento = document.getElementById("teste");
click = 0;
$("#teste").click(function(){
if(click == 0){
alert("Redireciona para #");
click = 1;
}
else{
event.preventDefault();
elemento.href = "teste2.html";
}
});
<!DOCTYPE html>
<html>
<head>
<title>teste</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<a href="#" id="teste">Adicionar no Carrinho</a>
</body>
</html>