Home / Programmazione / Javascript - AJAX / Disabilitare link con jQuery
Mattepuffo

Disabilitare link con jQuery

Disabilitare link con jQuery

Su una specifica pagina avevo questa necessità: l'utente poteva uscire solo solo cliccando su uno dei due pulsanti disponibili per concludere le operazioni.

In sostanza, fino a che non finisce le operazioni, non può navigare nel resto del sito.

Non posso ovviamente evitare che l'utente chiuda il browser, spenga il pc, ecc...ma quanto meno posso limitare i suoi movimenti disabilitando tutti i link.

In questo modo non può cliccare sul menu, sul footer, ecc.

Possiamo fare questo usando jQuery in questa maniera:

    $(document).ready(function () {
        $('.navbar a, .footer a').click(function (e) {
            e.preventDefault();
        });
    });

Così facendo, tutti i link nella navbar (il menu nel mio caso) e nel footer non sono cliccabili.

Lasciando come attivi quelli della pagina, che nel mio caso sono solo quelli per chiudere le operazioni.

Enjoy!