Estou com dificuldades em bloquear cliques simultâneo nos itens do menu na minha aplicação, quando o usuário clicar a primeira vez eu quero que bloqueia as tentativas de novos cliques, quero fazer isso pois tem um usuário clicando umas 100 vezes em item do menu que demora uns 15 segundos para carregar e está sobrecarregando o sistema.
Segue exemplo do código html e do javascript que estou tentando usar para bloqueio.
$(document).ready(function () {
$('a').on('click', function () {
$(this).attr('disabled', true);
$(this).addClass("disabled");
$(this).prop("onclick", null).off('click');;
});
});
<ul class="dropdown-menu">
<li>@Html.ActionLink("Teste", "Index", "Teste")</li>
</ul>
<a>
de sua página?