javascript - förhindra att en länk omdirigerar till en annan sida

Jag har en länk på min sida, och jag vill förhindra att denna länk omdirigerar mig till länken i href-attributet.

Jag försökte på följande sätt:

$(function(){
    $('#logout-link').click(function(event){
        event.preventDefault();

        $.ajax({
            url     : $(this).attr('href'),
            success : function(data){
                $('#login-loader').hide();
                        location.reload(true);
            },
            error   : function(){
                $('#error-login').replaceWith('<div id="error-login" class="msg fail"><p>Une erreur a été rencontrée lors du deconnexion!</p></div>');
            }
        });


    });
});

Men det skickar mig fortfarande till den andra sidan.

Hur kan man förhindra att en länk omdirigerar till en annan sida?

Svar #1

Prova med return false; istället för event.preventDefault(); Men använd det efter ajax-anropet.

Svar #2

Du kan ändra hyperlänkens href som nedan. Denna metod behöver ingen kod i JQuery.

<a id="logout-link" href="javascript:void(0);">Logout</a>