Javascript Desativar click em tag <a>

[Luís Roberto C. da Silva]

Tenho um menu, o qual foi escrito com uma lista e cada item tem uma tag <a> com um endereçamento. Só que em determinada situação preciso que esse menu fique desabilitado dinamicamente. Já tentei com:

$('.menu li a').prop('disabled', true)

do JQuery e não funciona, somente com os botões. Se alguém souber agradeço muito se compartilhar.

[GabrielSennaMs]

@Luís Roberto C. da Silva O elemento <a> não tem uma propriedade Disabled.

 

Se você quiser desativar esses links você pode usar um atributo customizado no elemento e quando o usuário clicar no elemento você faz a verificação desse atributo.

 

Exemplo:

<div>
            <nav class="menu">
                <li><a href="javascript:void(0)" data-operation="true">Home</a></li>
                <li><a href="javascript:void(0)" data-operation="true">Galeria</a></li>
                <li><a href="javascript:void(0)" data-operation="true">Contato</a></li><!-- Esse link vai ser desativado -->
            </nav>
        </div>
        <script>

            $(function(){
                $(".menu li a").on("click", function(){
                    let operation = $(this).attr("data-operation");
                    if(operation == "true")
                    {
                        alert("Você clicou em um botão no menu");
                    }

                });
                $(".menu li:last-child a").attr("data-operation", false);
            });

        </script>

Você também pode fazer essa verificação usando uma class

 

Exemplo:

       <div>
            <nav class="menu">
                <li><a href="javascript:void(0)">Home</a></li>
                <li><a href="javascript:void(0)">Galeria</a></li>
                <li><a href="javascript:void(0)">Contato</a></li><!-- Esse link vai ser desativado -->
            </nav>
        </div>
        <script>

            $(function(){
                $(".menu li a").on("click", function(){
                    if(!$(this).hasClass("disabled"))
                    {
                        alert("Você clicou em um botão no menu");
                    }

                });
                $(".menu li:last-child a").addClass("disabled");
            });

        </script>

 

[Luís Roberto C. da Silva]

Perfeito, obrigado.